/* Approved profile selector; scoped to the account modal. */
#authModal .modalCard.authCard {
  background: #0c1d28;
  border-color: #2b4759;
  color: #f4f7fb;
}
#authModal .authCard:has(#authTabs:not(.hidden)),
#authModal .authCard:has(#forgotPanel:not(.hidden)) {
  width: min(530px, calc(100vw - 28px));
  max-width: 530px;
  padding: 28px 29px;
  border-radius: 25px;
}
#authModal #authTitle { font-size: clamp(22px, 5vw, 26px); color: #f4f7fb; }
#authModal #authTabs {
  display: grid;
  grid-template-columns: 193fr 267fr;
  gap: 0;
  padding: 4px;
  border: 1px solid #2b4759;
  border-radius: 12px;
  background: #061620;
  margin-bottom: 22px;
}
#authModal #authTabs button {
  min-width: 0;
  height: 47px;
  min-height: 47px;
  padding: 8px;
  margin: 0;
  box-shadow: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #a7bbc9;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
#authModal #authTabs button.active { background: #1c3849; color: #f2c257; }
#authModal #authTabs button:hover { border-color: #819bad; }
#authModal :is(button, input):focus-visible { outline: 3px solid #f2c257; outline-offset: 3px; }
#authModal :is(#authForm, #forgotPanel) label { color: #f4f7fb; }
#authModal :is(#authForm, #forgotPanel) input:not([type="checkbox"]) {
  background: #e8f0fc;
  color: #163349;
  border: 1px solid #bfd0e3;
  border-radius: 10px;
  min-height: 53px;
  font-size: 16px;
}
#authModal :is(#authForm, #forgotPanel) .answerBtn {
  /* The shared comfort theme marks CTA colors important. Keep this override local. */
  background: linear-gradient(180deg, #103c6c, #0b2a50) !important;
  border: 1px solid #174b87 !important;
  color: #fff;
  min-height: 56px;
  border-radius: 11px;
}
#authModal #forgotPasswordBtn { background: transparent; border-color: transparent; color: #c8d8e4; text-decoration: underline; text-underline-offset: 5px; }
#authModal #closeAuth { color: #b8d3e1; min-width: 44px; min-height: 44px; }
@media (max-width: 480px) {
  #authModal .authCard:has(#authTabs:not(.hidden)),
  #authModal .authCard:has(#forgotPanel:not(.hidden)) { padding: 20px; }
  #authModal #authTabs button { font-size: 14px; padding-inline: 4px; }
}
#authModal .authMessage.error { color: #ffb4b4; }
@media (min-width: 481px) {
  #authModal #authTabs button.active { font-size: 17px; }
}