/* Comfortrek V335 — make light appearance surfaces genuinely light.
   These are intentional dark premium surfaces in the base theme; in light mode
   they now use the light canvas rather than trying to repair dark-card text. */
html body.appearance-light #comfortrek-account .cr-guest-shell {
  background:
    radial-gradient(circle at 78% 28%, rgba(201,155,54,.13), transparent 28%),
    linear-gradient(125deg,#fffdf8 0%,#f5f0e6 58%,#eee7d9 100%) !important;
  color:#202326 !important;
  border:1px solid #e5dccb !important;
  box-shadow:0 24px 70px rgba(40,32,20,.08) !important;
}
html body.appearance-light #comfortrek-account .cr-guest-shell::before {
  background:linear-gradient(90deg,rgba(255,255,255,.15),transparent 65%) !important;
}
html body.appearance-light #comfortrek-account .cr-guest-copy,
html body.appearance-light #comfortrek-account .cr-guest-copy h1,
html body.appearance-light #comfortrek-account .cr-guest-copy p {
  color:#202326 !important;
}
html body.appearance-light #comfortrek-account .cr-guest-copy .cr-kicker,
html body.appearance-light #comfortrek-account .cr-guest-copy h1 em {
  color:#8c6425 !important;
}
html body.appearance-light #comfortrek-account .cr-trust-row,
html body.appearance-light #comfortrek-account .cr-floating-tag {
  color:#625c50 !important;
}
html body.appearance-light #comfortrek-account .cr-floating-tag b {
  color:#25231f !important;
}
html body.appearance-light #comfortrek-account .cr-guest-card {
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,239,224,.88)) !important;
  border-color:#d9c9a7 !important;
  box-shadow:0 30px 70px rgba(50,40,20,.14) !important;
}
html body.appearance-light #comfortrek-account .cr-guest-card small {
  color:#5f5a50 !important;
}
html body.appearance-light #comfortrek-account .cr-guest-ring {
  border-color:rgba(157,117,43,.18) !important;
}

/* Signed-in account dashboard: no black panels while light appearance is active. */
html body.appearance-light #comfortrek-account .cr-account-sidebar {
  background:linear-gradient(180deg,#fffdf8,#f3eee4) !important;
  color:#292923 !important;
  border:1px solid #e2dacb !important;
  box-shadow:0 12px 36px rgba(35,29,18,.05) !important;
}
html body.appearance-light #comfortrek-account .cr-side-brand,
html body.appearance-light #comfortrek-account .cr-account-sidebar nav {
  border-color:#e5ddcf !important;
}
html body.appearance-light #comfortrek-account .cr-side-brand strong,
html body.appearance-light #comfortrek-account .cr-side-brand small,
html body.appearance-light #comfortrek-account .cr-side-status b,
html body.appearance-light #comfortrek-account .cr-account-sidebar nav a,
html body.appearance-light #comfortrek-account .cr-account-sidebar nav a span {
  color:#39372f !important;
  opacity:1 !important;
}
html body.appearance-light #comfortrek-account .cr-side-status {
  background:#f8f5ee !important;
  border-color:#e2dacb !important;
}
html body.appearance-light #comfortrek-account .cr-side-status small {
  color:#69665d !important;
}
html body.appearance-light #comfortrek-account .cr-account-sidebar nav a.active {
  background:#eadcc0 !important;
  color:#29251c !important;
  border:1px solid #d9c49b !important;
}
html body.appearance-light #comfortrek-account .cr-account-sidebar nav a.active * {
  color:#29251c !important;
}

/* Featured account tile and coin/reward panel become light surfaces in light mode. */
html body.appearance-light #comfortrek-account .cr-card-featured,
html body.appearance-light #comfortrek-account .cr-account-card.cr-card-featured {
  background:linear-gradient(145deg,#fffefa,#f4eee2) !important;
  color:#242620 !important;
  border:1px solid #e2d8c6 !important;
  box-shadow:0 12px 32px rgba(45,36,21,.055) !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured :is(h1,h2,h3,h4,strong,b,a,span) {
  color:#242620 !important;
  opacity:1 !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured .cr-card-copy small,
html body.appearance-light #comfortrek-account .cr-card-featured .cr-card-meta {
  color:#6b675d !important;
  opacity:1 !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured .cr-card-icon {
  background:#eee4d1 !important;
  color:#8c6425 !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured .cr-card-arrow {
  color:#8c6425 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark {
  background:linear-gradient(135deg,#fffefa,#f2eadb) !important;
  color:#242620 !important;
  border:1px solid #e2d4bb !important;
  box-shadow:0 14px 36px rgba(45,36,21,.06) !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark :is(h1,h2,h3,h4,strong,b,a,span) {
  color:#242620 !important;
  opacity:1 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark p,
html body.appearance-light #comfortrek-account .cr-reward-dark small,
html body.appearance-light #comfortrek-account .cr-reward-dark .muted {
  color:#656055 !important;
  opacity:1 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark .cr-kicker,
html body.appearance-light #comfortrek-account .cr-reward-dark .cr-reward-symbol {
  color:#8c6425 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark .cr-progress {
  background:#e6ddce !important;
}

/* Login/register: keep the whole light-mode form experience on a light palette. */
html body.appearance-light .account-auth-page {
  background:transparent !important;
  color:#252720 !important;
}
html body.appearance-light .account-auth-shell {
  background:#fffdf8 !important;
  border:1px solid #e5ddcf !important;
  box-shadow:0 24px 70px rgba(40,32,20,.07) !important;
}
html body.appearance-light .account-auth-visual {
  background:linear-gradient(145deg,#fff8e9,#eee2cb) !important;
  color:#242620 !important;
  border-right:1px solid #e1d1b2 !important;
}
html body.appearance-light .account-auth-visual :is(h1,h2,h3,p,strong,b,span,small) {
  color:#343127 !important;
  opacity:1 !important;
}
html body.appearance-light .account-auth-visual .auth-kicker,
html body.appearance-light .account-auth-visual .auth-brand-mark {
  color:#8c6425 !important;
}
html body.appearance-light .account-auth-visual .auth-brand-mark {
  background:#fffdf8 !important;
  border-color:#d8c49d !important;
}
html body.appearance-light .account-auth-visual .auth-trust-row span {
  background:#fffdf8 !important;
  border-color:#e0d2b8 !important;
  color:#4f493d !important;
}