/* Account themes. Classic keeps the uploaded site's original sea-blue gradient
   and OS dark-mode behavior. Alternate themes explicitly override OS colors. */
:root {
  --site-gradient: linear-gradient(to right, #56ccf2, #2f80ed);
  --site-bg: #fff; --site-surface: #fff; --site-ink: #212529;
  --site-muted: #626d78; --site-line: #dee2e6; --site-accent: #1762b8;
  --site-soft: #e8f4ff; --site-stripe: #e0e4e7;
  --site-notice: linear-gradient(115deg, #e0f5ff, #e9eeff);
  --site-page: #fff; --site-icon-filter: none;
}
html[data-site-theme="light"] {
  --site-gradient: linear-gradient(112deg, #5533b7 0%, #963cba 48%, #c43b78 100%);
  --site-bg: #f8f3fc; --site-surface: #fffcff; --site-ink: #30213f;
  --site-muted: #74617e; --site-line: #e7d9ee; --site-accent: #752caf;
  --site-soft: #f2e6fa; --site-stripe: #f7f0fc;
  --site-notice: linear-gradient(115deg, #f0e4ff, #ffeaf1);
  --site-page: radial-gradient(ellipse at 8% 0%, #ebdcff 0, transparent 48%), radial-gradient(ellipse at 100% 30%, #ffe5ef 0, transparent 50%), #f8f3fc;
  color-scheme: light;
}
html[data-site-theme="dark"] {
  --site-gradient: linear-gradient(112deg, #252858 0%, #315186 47%, #087c87 100%);
  --site-bg: #0d1728; --site-surface: #17263b; --site-ink: #edf4ff;
  --site-muted: #bac8dc; --site-line: #35455d; --site-accent: #8bdce6;
  --site-soft: #223a54; --site-stripe: #1b2e46;
  --site-notice: linear-gradient(115deg, #2b2d51, #173e4b);
  --site-page: radial-gradient(ellipse at 6% 0%, #242651 0, transparent 48%), radial-gradient(ellipse at 100% 30%, #12424c 0, transparent 50%), #0d1728;
  --site-icon-filter: invert(1); color-scheme: dark;
}
html[data-site-theme="green"] {
  --site-gradient: linear-gradient(112deg, #0b684f 0%, #087d7a 47%, #15639a 100%);
  --site-bg: #f0f8f5; --site-surface: #fcfffd; --site-ink: #163a32;
  --site-muted: #546f68; --site-line: #cfe3dc; --site-accent: #076959;
  --site-soft: #e0f2eb; --site-stripe: #eef8f3;
  --site-notice: linear-gradient(115deg, #dff7e8, #e2f2ff);
  --site-page: radial-gradient(ellipse at 6% 0%, #d9f6e8 0, transparent 48%), radial-gradient(ellipse at 100% 30%, #deefff 0, transparent 50%), #f0f8f5;
  color-scheme: light;
}
html[data-site-theme="dream"] {
  --site-gradient: linear-gradient(112deg, #fff1f7 0%, #f9a8d4 44%, #f472b6 100%);
  --site-bg: #fff7fb; --site-surface: #fff; --site-ink: #3f2030;
  --site-muted: #806170; --site-line: #f0d5e2; --site-accent: #b51d5c;
  --site-soft: #fde8f2; --site-stripe: #fff2f8;
  --site-notice: linear-gradient(115deg, #fff 0%, #ffeaf4 55%, #ffd4e8 100%);
  --site-page: radial-gradient(ellipse at 6% 0%, #fff 0, transparent 42%), radial-gradient(ellipse at 100% 28%, #ffddea 0, transparent 52%), #fff7fb;
  color-scheme: light;
}
html[data-site-theme="gold"] {
  --site-gradient: linear-gradient(112deg, #fff3bf 0%, #e8b84f 48%, #c58713 100%);
  --site-bg: #fffaf0; --site-surface: #fffef9; --site-ink: #3f2d12;
  --site-muted: #7d6847; --site-line: #ead9b5; --site-accent: #8d5d08;
  --site-soft: #f9edcf; --site-stripe: #fff7e5;
  --site-notice: linear-gradient(115deg, #fffdf7, #faedc9);
  --site-page: radial-gradient(ellipse at 6% 0%, #fff4cf 0, transparent 48%), radial-gradient(ellipse at 100% 30%, #f4dfad 0, transparent 50%), #fffaf0;
  color-scheme: light;
}
html[data-site-theme="ash"] {
  --site-gradient: linear-gradient(112deg, #9ca3af 0%, #4b5563 48%, #111827 100%);
  --site-bg: #111318; --site-surface: #1d2129; --site-ink: #f2f4f7;
  --site-muted: #bdc3cd; --site-line: #414752; --site-accent: #d6d9df;
  --site-soft: #2c313b; --site-stripe: #242932;
  --site-notice: linear-gradient(115deg, #343a45, #171a20);
  --site-page: radial-gradient(ellipse at 6% 0%, #393f49 0, transparent 45%), radial-gradient(ellipse at 100% 30%, #262b34 0, transparent 50%), #111318;
  --site-icon-filter: invert(1); color-scheme: dark;
}
html[data-site-theme="peach"] {
  --site-gradient: linear-gradient(112deg, #ffd166 0%, #ff9f68 48%, #ef476f 100%);
  --site-bg: #fff8f0; --site-surface: #fffdf9; --site-ink: #48251f;
  --site-muted: #7d5b52; --site-line: #f0d0bd; --site-accent: #b83b45;
  --site-soft: #ffeadb; --site-stripe: #fff3e8;
  --site-notice: linear-gradient(115deg, #fff3c9, #ffd9c2 55%, #ffc5cc);
  --site-page: radial-gradient(ellipse at 6% 0%, #fff1b9 0, transparent 46%), radial-gradient(ellipse at 100% 30%, #ffd2c5 0, transparent 52%), #fff8f0;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  html:not([data-site-theme]), html[data-site-theme="classic"] {
    --site-bg: #121212; --site-surface: #1e1e1e; --site-ink: #e0e0e0;
    --site-muted: #b7bdc5; --site-line: #444; --site-accent: #90caf9;
    --site-soft: #1e3a5f; --site-stripe: #1e3a5f;
    --site-notice: linear-gradient(115deg, #193244, #242d48);
    --site-page: #121212; --site-icon-filter: invert(1);
  }
}

/* Shared tokens bridge the pre-existing dashboard, shop and chat styles. */
html[data-site-theme]:not([data-site-theme="classic"]) {
  --dash-primary: var(--site-accent); --dash-primary-2: var(--site-accent);
  --dash-text: var(--site-ink); --dash-title: var(--site-ink); --dash-muted: var(--site-muted);
  --dash-stroke: var(--site-line); --dash-card-bg: var(--site-surface); --dash-card-bg-2: var(--site-soft); --dash-soft: var(--site-soft);
  --ss-primary: var(--site-accent); --ss-primary-dark: var(--site-accent); --ss-primary-soft: var(--site-soft);
  --ss-text: var(--site-ink); --ss-title: var(--site-ink); --ss-muted: var(--site-muted);
  --ss-bg: var(--site-bg); --ss-card: var(--site-surface); --ss-soft: var(--site-soft);
  --ss-border: var(--site-line); --ss-border-strong: var(--site-line);
  --sp-primary: var(--site-accent); --sp-primary-hover: var(--site-accent);
  --sp-bg: var(--site-bg); --sp-card: var(--site-surface); --sp-text: var(--site-ink); --sp-muted: var(--site-muted); --sp-border: var(--site-line);
  --bg: var(--site-bg); --text: var(--site-ink); --card: var(--site-surface);
  --me: var(--site-soft); --muted: var(--site-muted); --accent: var(--site-accent);
  /* Django admin variables (only affect its own components). */
  --primary: var(--site-accent); --secondary: #284668; --body-bg: var(--site-bg);
  --body-fg: var(--site-ink); --body-quiet-color: var(--site-muted); --body-loud-color: var(--site-ink);
  --darkened-bg: var(--site-soft); --hairline-color: var(--site-line); --border-color: var(--site-line);
  --link-fg: var(--site-accent); --link-hover-color: var(--site-accent); --breadcrumbs-bg: var(--site-surface); --breadcrumbs-fg: var(--site-ink); --breadcrumbs-link-fg: var(--site-accent);
}
html[data-site-theme]:not([data-site-theme="classic"]) body {
  background: var(--site-page) fixed !important; color: var(--site-ink) !important;
}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.card,.card-body,.modal-content,.modal-header,.modal-footer,.accordion-item,.accordion-body,.form-container,.bg-white,.bg-light,.side-card,.main-card,.soft-card,.social-card,.mini-card,.stat,.board,.ss-store-nav,.topbar,.sidebar) {
  background: var(--site-surface) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important;
}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.side-head,.hero,.ss-hero,.social-link,.accordion-button,.accordion-button:not(.collapsed)) {
  background: var(--site-notice) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important;
}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.text-body,.text-dark,.blog-text,.nav-list a,.menu-list li a,.sidebar a,.sidebar .brand,.page-shell,.hero h1,.hero h2,.hero p) {color: var(--site-ink) !important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.text-muted,.form-text,.side-sub) {color: var(--site-muted) !important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.table,.table td,.table th) {
  --bs-table-bg: var(--site-surface); --bs-table-color: var(--site-ink);
  background: var(--site-surface) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important;
}
html[data-site-theme]:not([data-site-theme="classic"]) .table :is(thead th,.table-row-light-blue>td) {background: var(--site-stripe) !important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.form-control,.form-select,.form-group input) {background-color: var(--site-surface) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.btn-outline-primary,.btn-outline-secondary,.btn-neo-outline) {color: var(--site-accent) !important; border-color: var(--site-line) !important; background: var(--site-surface) !important}
html[data-site-theme] :is(.navbar-gradient,.table-header-gradient,.panel-top) {background: var(--site-gradient) !important; color: #fff !important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.btn-primary,.btn-neo-primary,.blu,.blubox,.sp-header,.ss-btn-primary,#header,.module h2,.module caption) {background: var(--site-gradient) !important; color: #fff !important; border-color: transparent !important}
html[data-site-theme] .navbar :is(.navbar-brand,.nav-link) {color: #fff !important}
html[data-site-theme="dream"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary),
html[data-site-theme="gold"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary),
html[data-site-theme="peach"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary) {color:var(--site-ink)!important;text-shadow:none!important}
html[data-site-theme="dream"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary) :is(a,span,strong,svg),
html[data-site-theme="gold"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary) :is(a,span,strong,svg),
html[data-site-theme="peach"] :is(.navbar,.panel-top,.table-header-gradient,.system-message-action,.btn-primary,.btn-neo-primary) :is(a,span,strong,svg) {color:var(--site-ink)!important}
/* Right side of the header stays light; utility controls on the left stay dark. */
html[data-site-theme] nav.site-navbar :is(.navbar-brand,.navbar-collapse .nav-link) {color:#fff!important}
html[data-site-theme] nav.site-navbar :is(.navbar-brand,.navbar-collapse .nav-link) :is(span,strong,svg,i) {color:#fff!important}
html[data-site-theme] nav.site-navbar :is(.header-clock,.header-clock *) {color:#243449!important}
html[data-site-theme] :is(.site-settings-button,.site-dashboard-button,.site-contact-button) {background:#fff!important;color:#243449!important;border-color:#fff!important}
html[data-site-theme] :is(.site-settings-button,.site-dashboard-button,.site-contact-button) svg {color:#243449!important;stroke:currentColor!important}
html[data-site-theme]:not([data-site-theme="classic"]) .btn-close {filter: var(--site-icon-filter)}

/* Shop hero: bright themes need dark supporting copy, not inherited white. */
:is(html[data-site-theme="light"],html[data-site-theme="green"],html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .ss-hero :is(.ss-eyebrow,.ss-hero-content p,.ss-hero-cart span,.ss-hero-cart strong,.ss-hero-cart a) {color:var(--site-ink)!important}
:is(html[data-site-theme="light"],html[data-site-theme="green"],html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .ss-hero-cart {background:#ffffff94!important;border-color:var(--site-line)!important;box-shadow:0 12px 30px #18243b12}
:is(html[data-site-theme="light"],html[data-site-theme="green"],html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .ss-eyebrow {background:#ffffff8c!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .ss-hero-cart-icon,
html[data-site-theme]:not([data-site-theme="classic"]) .ss-store-brand-icon {background:var(--site-gradient)!important;color:#fff!important}
html[data-site-theme]:is([data-site-theme="dark"],[data-site-theme="ash"]) .ss-hero :is(.ss-eyebrow,.ss-hero-content p,.ss-hero-cart span,.ss-hero-cart strong,.ss-hero-cart a) {color:var(--site-ink)!important}
html[data-site-theme]:is([data-site-theme="dark"],[data-site-theme="ash"]) .ss-hero-cart {background:#00000024!important;border-color:var(--site-line)!important}
html[data-site-theme]:is([data-site-theme="dark"],[data-site-theme="ash"]) .ss-store-nav :is(.ss-nav-link,.ss-nav-link svg) {color:#fff!important;stroke:currentColor!important}

/* Keep actual chat message text neutral, never the selected accent color. */
html[data-site-theme] .board .msg .text {color: var(--site-ink) !important}
html[data-site-theme]:not([data-site-theme="classic"]) .board .msg {background: var(--site-surface); color: var(--site-ink)}
html[data-site-theme]:not([data-site-theme="classic"]) .board .msg.me {background: var(--site-soft); color: var(--site-ink)}

/* Header: pill search + one wrench. Help label has a fixed neutral color. */
nav.site-navbar {position:relative;z-index:20;flex-wrap:nowrap}
nav.site-navbar>.container-fluid {gap: 6px 8px; flex-wrap: nowrap; padding: 7px 10px !important}
nav.site-navbar .navbar-collapse {order: initial; flex-basis: auto; min-width: 0}
nav.site-navbar .navbar-nav {flex-wrap: nowrap; margin-inline: 0 !important}
nav.site-navbar .navbar-brand {margin-inline-end: 0;white-space:nowrap}
.site-header-search {display: flex; align-items: center; flex: 0 0 clamp(310px,30vw,440px); width: clamp(310px,30vw,440px); height: 38px; margin: 0; padding: 0 4px 0 6px; border-radius: 999px; background: #fff; border: 1px solid #ffffffb3; box-shadow: 0 3px 12px #10233f12; overflow: hidden}
.site-header-search input {min-width: 0; flex: 1; width: 100%; height: 100%; padding: 0 10px; border: 0 !important; border-radius: 999px; background: transparent !important; color: #243449 !important; font-size: 13px; outline: none}
.site-header-search input::placeholder {color: #68778a !important; opacity: 1}
.site-header-search button {display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; color: #243449 !important; background: #edf2f7; flex: 0 0 30px}
.site-header-search:focus-within {outline: 3px solid #ffffff85; outline-offset: 3px}
.header-account-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.site-settings-button,.site-dashboard-button,.site-contact-button {display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: #ffffff20; color: #fff !important; border: 1px solid #ffffff85; text-decoration: none !important}
.site-settings-button:hover,.site-dashboard-button:hover,.site-contact-button:hover {background: #ffffff38}
.site-settings-button:focus-visible,.site-dashboard-button:focus-visible,.site-contact-button:focus-visible {outline: 3px solid #fff; outline-offset: 3px}
html body .support-chat-link,html body .support-chat-link:visited,html body .support-chat-link:hover,html body .support-chat-link:focus {background: #fff !important; color: #243449 !important; border-color: #fff !important; border-radius: 999px; min-height: 38px; padding: 6px 12px; text-decoration: none !important}
html body .support-chat-link :is(i,span,svg) {color: #243449 !important}
@media (min-width:1651px) {nav.site-navbar .nav-link{font-size:13px;padding-inline:5px!important}nav.site-navbar .navbar-collapse{flex:0 0 auto!important;width:auto!important;min-width:max-content;overflow:visible}nav.site-navbar .navbar-nav{width:max-content}}
@media (min-width:992px) and (max-width:1650px) {
  nav.site-navbar .navbar-toggler{display:block}
  nav.site-navbar .navbar-collapse{position:absolute;top:100%;right:8px;z-index:30;width:min(360px,calc(100vw - 16px));padding:10px;border-radius:0 0 14px 14px;background:var(--site-gradient);box-shadow:0 14px 28px #101b3226}
  nav.site-navbar .navbar-collapse.collapse:not(.show){display:none!important}
  nav.site-navbar .navbar-collapse.collapse.show{display:block!important}
  nav.site-navbar .navbar-nav{flex-direction:column!important;width:100%;padding:0!important}
  nav.site-navbar .nav-link{padding:8px 10px!important}
}
@media (max-width:991px) {.site-header-search{flex:1 1 125px;min-width:105px;max-width:190px}.site-settings-button,.site-dashboard-button,.site-contact-button{width:34px;height:34px;flex-basis:34px}nav.site-navbar .navbar-brand{font-size:14px;padding-inline:0!important}.support-chat-link{font-size:12px;padding-inline:9px!important}}
@media (max-width:560px) {nav.site-navbar .support-chat-link{display:none!important}.site-header-search input{font-size:12px;padding-inline:7px}.site-header-search{min-width:85px}.site-header-search button{width:27px;height:27px;flex-basis:27px}}

/* Informational notifications follow the theme; error/warning semantics stay. */
html[data-site-theme] :is(.alert-info,.manager-alert-info,.ss-message-info,.site-notification) {background: var(--site-notice) !important; color: var(--site-ink) !important; border: 1px solid var(--site-line) !important; border-inline-start: 4px solid var(--site-accent) !important}
html[data-site-theme] :is(.alert-info,.manager-alert-info,.site-notification) a {color: var(--site-accent) !important}
.site-notification{position:relative;z-index:10;margin-top:0!important;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .3s ease!important;transform:translateY(0)}
.site-notification.fade:not(.show){transform:translateY(-110%);opacity:0}
.system-message-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}
.system-message-content .system-message-action,
.system-message-content .system-message-action:visited,
.system-message-content .system-message-action:hover,
.system-message-content .system-message-action:focus,
.system-message-content .system-message-action :is(span,strong,i,svg){color:#fff!important}
.system-message-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 13px;border-radius:999px;background:var(--site-gradient)!important;color:#fff!important;border:1px solid #ffffff6b;text-decoration:none!important;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px #1720331f}
.system-message-action:hover{filter:brightness(1.08);color:#fff!important}
.news-notification-settings{margin-top:24px;padding-top:22px;border-top:1px solid var(--site-line)}
.news-notification-settings h2{margin-bottom:8px!important}
.news-notification-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* First-party smart-support widget. No CSS reaches the external Goftino iframe. */
html[data-site-theme] #ai-chat-widget :is(.ai-chat-toggle,.ai-chat-header,.ai-msg-user,.ai-chat-form button) {background: var(--site-gradient) !important; color: #fff !important}
html[data-site-theme] #ai-chat-widget :is(.ai-chat-toggle,.ai-chat-header) :is(span,strong,small,button,svg) {color: #fff !important}
html[data-site-theme] #ai-chat-widget :is(.ai-chat-box,.ai-chat-form,.ai-msg-bot) {background: var(--site-surface) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important}
html[data-site-theme] #ai-chat-widget .ai-chat-messages {background: var(--site-bg) !important}
html[data-site-theme] #ai-chat-widget .ai-chat-form input {background: var(--site-surface) !important; color: var(--site-ink) !important; border-color: var(--site-line) !important}
html[data-site-theme] #ai-chat-widget :is(.ai-sources,.ai-msg-bot a) {background: var(--site-soft); color: var(--site-ink); border-color: var(--site-line)}

/* ID photo studio follows account colors while retaining semantic warnings. */
html[data-site-theme]:not([data-site-theme="classic"]) .ip-shell{--ip-primary:var(--site-accent);--ip-primary-dark:var(--site-accent);--ip-ink:var(--site-ink);--ip-muted:var(--site-muted);--ip-line:var(--site-line);--ip-bg:var(--site-bg)}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.ip-hero,.ip-panel,.ip-upload,.ip-source-preview,.ip-empty-frame,.ip-field input,.ip-field select,.ip-colors label,.ip-choice-cards label>span,.ip-segmented,.ip-secondary){background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.ip-hero p,.ip-step-heading p,.ip-upload small,.ip-local-note,.ip-result-empty,.ip-result-title small,.ip-guidance span){color:var(--site-muted)!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.ip-step-heading h2,.ip-result-empty h2,.ip-field>span,.ip-fieldset legend){color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .ip-ai-intro{background:var(--site-notice)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .ip-ai-intro :is(strong,span){color:var(--site-ink)!important}
html[data-site-theme]:is([data-site-theme="dark"],[data-site-theme="ash"]) .ip-guidance{background:var(--site-surface)!important;color:var(--site-ink)!important;border:1px solid var(--site-line)}

/* Bridge the previous panel stylesheet, restoring classic colors and grid. */
html[data-site-theme] body.panel {--bg: var(--site-bg);--surface: var(--site-surface);--ink: var(--site-ink);--muted: var(--site-muted);--line: var(--site-line);--accent: var(--site-accent);--accent-soft: var(--site-soft);--stripe: var(--site-stripe);--nav: var(--site-gradient);--icon-filter: var(--site-icon-filter)}
html[data-site-theme="classic"] body.panel .card {border-radius: .375rem;box-shadow: none}
html[data-site-theme="classic"] body.panel .card-header {border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0 !important}
html[data-site-theme="classic"] body.panel .table :is(th,td) {font-size: 1rem}
html[data-site-theme="classic"] body.panel[data-layout="grid"] .cards-grid {grid-template-columns: 1fr !important;gap: 1rem !important}
@media(min-width:768px) {html[data-site-theme="classic"] body.panel[data-layout="grid"] .cards-grid {grid-template-columns: repeat(3,1fr) !important}}
@media(min-width:992px) {html[data-site-theme="classic"] body.panel[data-layout="grid"] .cards-grid {grid-template-columns: repeat(4,1fr) !important}}
html body.panel .panel-statusbar {display: flex;justify-content: space-between;gap: 12px;align-items: center;padding: 12px 16px;color: var(--site-muted);font-size: 13px}
html body.panel .panel-statusbar a {color: var(--site-accent) !important}
html body.panel .panel-statusbar p {margin: 0}
html body.panel .panel-top {align-items: center;gap: 12px}
html body.panel .panel-top-spacer {flex:1}
html body.panel .panel-category-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:185px;text-align:left}
html body.panel .panel-reward-link{color:#fff!important;font-size:10px;line-height:1.45;text-decoration:none;opacity:.9}
html body.panel .panel-reward-link:hover{text-decoration:underline;opacity:1}
html body.panel .panel-reward-callout{margin:12px 0 18px;padding:12px 14px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-soft);color:var(--site-ink)}
html body.panel .panel-reward-callout a{color:var(--site-accent)!important;font-weight:800;text-decoration:none}
html body.panel .panel-reward-callout a:hover{text-decoration:underline}
html body.panel .panel-personal-count{display:inline-flex;margin:8px 0 0;padding:6px 11px;border-radius:999px;background:var(--site-soft);color:var(--site-accent);font-size:13px}
html body.panel .panel-add {background: #00000018;color: #fff !important}
html body.panel .theme-choice-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 22px}
html body.panel .theme-choice {background: var(--site-surface);color: var(--site-ink);border: 2px solid var(--site-line);border-radius: 12px;padding: 6px;font-size: 12px;text-align: right}
html body.panel .theme-choice[aria-pressed="true"] {border-color: var(--site-accent);box-shadow: 0 0 0 2px var(--site-soft)}
html body.panel .theme-choice:focus-visible {outline: 3px solid var(--site-accent);outline-offset: 3px}
html body.panel .theme-choice span {display: block;height: 31px;border-radius: 7px;margin-bottom: 6px}
.font-settings-block{margin:2px 0 22px}.font-settings-block h3{font-size:16px;font-weight:800;margin:0 0 10px}.font-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.font-choice{display:block;width:100%;padding:12px 10px;text-align:right;background:var(--site-surface);color:var(--site-ink);border:2px solid var(--site-line);border-radius:12px}.font-choice-name{display:block;font-size:15px;font-weight:800}.font-choice[aria-pressed=true]{border-color:var(--site-accent);box-shadow:0 0 0 2px var(--site-soft);background:var(--site-soft)}.font-choice:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}

html[data-site-theme] #ai-chat-widget :is(.support-mode-picker button,.human-support-toolbar) {background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme] #ai-chat-widget .support-mode-picker small {color:var(--site-muted)!important}
html[data-site-theme] #ai-chat-widget .human-support-toolbar button {color:var(--site-accent)!important}
.theme-sample-classic {background: linear-gradient(to right,#56ccf2,#2f80ed)}
.theme-sample-light {background: linear-gradient(112deg,#5533b7,#963cba,#c43b78)}
.theme-sample-dark {background: linear-gradient(112deg,#252858,#315186,#087c87)}
.theme-sample-green {background: linear-gradient(112deg,#0b684f,#087d7a,#15639a)}
.theme-sample-dream {background: linear-gradient(112deg,#fff1f7,#f9a8d4,#f472b6)}
.theme-sample-gold {background: linear-gradient(112deg,#fff3bf,#e8b84f,#c58713)}
.theme-sample-ash {background: linear-gradient(112deg,#9ca3af,#4b5563,#111827)}
.theme-sample-peach {background: linear-gradient(112deg,#ffd166,#ff9f68,#ef476f)}
@media(prefers-reduced-motion:reduce) {.site-settings-button,.theme-choice {transition: none}}
/* Page-specific tokens override their existing OS-mode declarations. */
html[data-site-theme]:not([data-site-theme="classic"]) {
  --news-stroke: var(--site-line);
  --news-muted: var(--site-muted);
  --news-text: var(--site-ink);
  --news-title: var(--site-ink);
  --news-card-bg: var(--site-surface);
  --news-soft-bg: var(--site-soft);
  --news-hero-bg: var(--site-notice);
  --news-input-bg: var(--site-surface);
  --post-stroke: var(--site-line);
  --post-muted: var(--site-muted);
  --post-text: var(--site-ink);
  --post-title: var(--site-ink);
  --post-card-bg: var(--site-surface);
  --post-soft-bg: var(--site-soft);
  --post-hero-bg: var(--site-notice);
  --post-input-bg: var(--site-surface);
  --tutorial-stroke: var(--site-line);
  --tutorial-muted: var(--site-muted);
  --tutorial-text: var(--site-ink);
  --tutorial-title: var(--site-ink);
  --tutorial-card-bg: var(--site-surface);
  --tutorial-soft-bg: var(--site-soft);
  --tutorial-hero-bg: var(--site-notice);
  --tutorial-input-bg: var(--site-surface);
  --files-stroke: var(--site-line);
  --files-muted: var(--site-muted);
  --files-text: var(--site-ink);
  --files-title: var(--site-ink);
  --files-card-bg: var(--site-surface);
  --files-soft-bg: var(--site-soft);
  --files-hero-bg: var(--site-notice);
  --files-input-bg: var(--site-surface);
  --links-stroke: var(--site-line);
  --links-muted: var(--site-muted);
  --links-text: var(--site-ink);
  --links-title: var(--site-ink);
  --links-card-bg: var(--site-surface);
  --links-soft-bg: var(--site-soft);
  --links-hero-bg: var(--site-notice);
  --links-input-bg: var(--site-surface);
  --tricks-stroke: var(--site-line);
  --tricks-muted: var(--site-muted);
  --tricks-text: var(--site-ink);
  --tricks-title: var(--site-ink);
  --tricks-card-bg: var(--site-surface);
  --tricks-soft-bg: var(--site-soft);
  --tricks-hero-bg: var(--site-notice);
  --tricks-input-bg: var(--site-surface);
  --agency-stroke: var(--site-line);
  --agency-muted: var(--site-muted);
  --agency-text: var(--site-ink);
  --agency-title: var(--site-ink);
  --agency-card-bg: var(--site-surface);
  --agency-soft-bg: var(--site-soft);
  --agency-hero-bg: var(--site-notice);
  --agency-input-bg: var(--site-surface);
  --agency-form-stroke: var(--site-line);
  --agency-form-muted: var(--site-muted);
  --agency-form-text: var(--site-ink);
  --agency-form-title: var(--site-ink);
  --agency-form-card-bg: var(--site-surface);
  --agency-form-soft-bg: var(--site-soft);
  --agency-form-hero-bg: var(--site-notice);
  --agency-form-input-bg: var(--site-surface);
  --glass: var(--site-surface); --stroke: var(--site-line);
  --pay-stroke: var(--site-line); --pay-muted: var(--site-muted); --pay-text: var(--site-ink); --pay-title: var(--site-ink); --pay-card: var(--site-surface); --pay-soft: var(--site-soft); --pay-hero: var(--site-notice);
}
html[data-site-theme]:not([data-site-theme="classic"]) #receivedFilesPage {
  --rf-card: var(--site-surface); --rf-border: var(--site-line); --rf-text: var(--site-ink); --rf-muted: var(--site-muted); --rf-soft: var(--site-soft); --rf-soft-hover: var(--site-soft);
  --rf-primary: var(--site-accent); --rf-primary-hover: var(--site-accent); --rf-primary-soft: var(--site-soft); --rf-info: var(--site-accent); --rf-info-soft: var(--site-soft); --rf-info-border: var(--site-line);
}
html[data-site-theme]:not([data-site-theme="classic"]) #fileUploadPage {
  --fu-card: var(--site-surface); --fu-border: var(--site-line); --fu-text: var(--site-ink); --fu-muted: var(--site-muted); --fu-soft-text: var(--site-muted); --fu-surface: var(--site-soft); --fu-surface-hover: var(--site-soft);
  --fu-primary: var(--site-accent); --fu-primary-hover: var(--site-accent); --fu-primary-soft: var(--site-soft); --fu-progress-bg: var(--site-soft);
}
html[data-site-theme]:not([data-site-theme="classic"]) .upload-link-page {
  --upload-page-color: var(--site-bg); --upload-card-bg: var(--site-surface); --upload-card-border: var(--site-line); --upload-text: var(--site-ink); --upload-muted: var(--site-muted);
  --upload-input-bg: var(--site-surface); --upload-input-text: var(--site-ink); --upload-soft-bg: var(--site-soft); --upload-soft-border: var(--site-line);
  --upload-primary: var(--site-accent); --upload-primary-hover: var(--site-accent); --upload-primary-soft: var(--site-soft); --upload-header-bg: var(--site-notice);
}
html[data-site-theme]:not([data-site-theme="classic"]) .oc-expired-page {
  --oc-primary: var(--site-accent); --oc-primary-dark: var(--site-accent); --oc-primary-soft: var(--site-soft); --oc-ink: var(--site-ink); --oc-muted: var(--site-muted);
  --oc-line: var(--site-line); --oc-surface: var(--site-surface); --oc-surface-solid: var(--site-surface); --oc-page: var(--site-bg);
}
html[data-site-theme]:not([data-site-theme="classic"]) .hero-wrap {background: var(--site-notice) !important;color: var(--site-ink) !important}
html[data-site-theme="classic"] body.panel .table .table-row-light-gray>td {background: #fefdfd !important}
@media(prefers-color-scheme:dark) {html[data-site-theme="classic"] body.panel .table .table-row-light-gray>td {background: #2a2a2a !important}}
html[data-site-theme="dream"] .system-message-action,
html[data-site-theme="gold"] .system-message-action,
html[data-site-theme="peach"] .system-message-action {color:var(--site-ink)!important}

/* Readability fixes for legacy pages whose OS-dark rules otherwise win. */
html[data-site-theme]:not([data-site-theme="classic"]) .form-container :is(h1,h2,h3,label,.form-label,.helptext,p,li) {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .form-container :is(.helptext,.text-muted,small) {color:var(--site-muted)!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.hero,.social-card) .pill {background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .btn-neo-outline:hover {background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-accent)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .upload-link-page #copyButton {background:var(--site-gradient)!important;color:#fff!important}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .upload-link-page #copyButton {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .board .toolbar {background:var(--site-soft)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .board .toolbar input[type="text"] {background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .board .toolbar input[type="text"]::placeholder {color:var(--site-muted)!important;opacity:1}
html[data-site-theme]:not([data-site-theme="classic"]) .board :is(.status,#ws-label) {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.mini-stat,.pricing-card) :is(b,h3,.plan-duration,.plan-current-price) {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .mini-stat span {color:var(--site-muted)!important}
.plan-duration{color:#475569;font-size:.88rem;font-weight:800;margin:.15rem 0}
html[data-site-theme]:not([data-site-theme="classic"]) .tutorial-page .classic-pager :is(a,span) {background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .tutorial-page .classic-pager a:hover {background:var(--site-soft)!important;color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .tutorial-page .classic-pager .active {background:var(--site-gradient)!important;color:#fff!important}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .tutorial-page .classic-pager .active {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) #receivedFilesPage .rf-download-button {background:var(--site-gradient)!important;color:#fff!important}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) #receivedFilesPage .rf-download-button {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) body :is(.panel-card,.reward-admin-card) {background:var(--site-surface)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-site-theme]:not([data-site-theme="classic"]) body :is(.panel-card,.reward-admin-card) :is(h1,h2,h3,strong,label,.form-label,.manager-category-title,.reward-admin-title) {color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) body :is(.panel-card,.reward-admin-card) :is(.muted,.manager-link-description,.form-text,.text-muted) {color:var(--site-muted)!important}
html[data-site-theme]:not([data-site-theme="classic"]) body .form-grid :is(label,p) {color:var(--site-ink)!important}
.manager-topbar-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.manager-topbar-title .site-contact-button{background:var(--site-gradient)!important;color:#fff!important;border-color:var(--site-line)!important}

/* Payment cards must remain dark and readable on explicit dark account themes. */
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .page-shell .plan-card:hover,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .page-shell .is-special .plan-card:hover {
  background:var(--site-soft)!important;color:var(--site-ink)!important;border-color:var(--site-accent)!important;
}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .page-shell .plan-card:hover :is(.plan-title,.price-line,.js-price) {color:var(--site-ink)!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .page-shell .plan-card:hover :is(.plan-sub,.price-old,.price-currency) {color:var(--site-muted)!important}
/* Contact cards stay light in these themes, so their copy must stay dark. */
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .contact-row .contact-copy,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .contact-row .contact-copy :is(b,div) {color:#111827!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .contact-row .contact-copy small {color:#475569!important}
/* Tutorial category pills use a light surface with unambiguous dark text. */
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .tutorial-page .chip {background:#f8fafc!important;border-color:#cbd5e1!important;color:#111827!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .tutorial-page .chip.active {background:#bfdbfe!important;border-color:#93c5fd!important;color:#0f172a!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .tutorial-page .chip .chip-ico {background:#dbeafe!important;border-color:#bfdbfe!important;color:#111827!important}

/* Customer work queue shown on the account dashboard. */
.dashboard-customer-tasks{color:var(--site-ink)}
.dashboard-customer-tasks h3,.dashboard-task-row b{color:var(--site-ink)!important}
.dashboard-customer-tasks small,.dashboard-task-row>span:last-child{color:var(--site-muted)!important}
.dashboard-task-list{display:grid;gap:8px;margin-top:8px}
.dashboard-task-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-surface);color:var(--site-ink)!important;text-decoration:none!important}
.dashboard-task-row:hover{background:var(--site-soft)}
.dashboard-task-row>span:first-child{display:flex;flex-direction:column;min-width:0}
.dashboard-task-row>span:last-child{font-size:12px;white-space:nowrap}
.dashboard-task-empty{padding:16px;border:1px dashed var(--site-line);border-radius:12px;background:var(--site-soft);color:var(--site-muted);text-align:center}
@media(max-width:600px){.dashboard-task-row{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-task-row>span:last-child{white-space:normal}}

/* Keep the original menu hover/background; only the icon artwork stays white. */
html[data-site-theme] .page-shell :is(.nav-ico,.stat-ico,.mini-ico){color:#fff!important}
html[data-site-theme] :is(.site-settings-button,.site-dashboard-button,.site-contact-button):hover{background:#f2f5f9!important}

/* v27: the header help control uses the same visual language as account actions. */
html[data-site-theme] .site-help-button,
.site-help-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#fff!important;color:#243449!important;border:1px solid #fff!important;text-decoration:none!important}
.site-help-button svg{color:#243449!important;stroke:currentColor!important}
.site-help-button:hover{background:#f2f5f9!important}
.site-help-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:991px){.site-help-button{width:34px;height:34px;flex-basis:34px}}

.site-help-page{max-width:1000px;margin:0 auto 40px;color:var(--site-ink,#172033)}
.site-help-heading,.site-help-content{background:var(--site-surface,#fff);border:1px solid var(--site-line,#d9e3ef);border-radius:20px;box-shadow:0 14px 38px #10233f12}
.site-help-heading{padding:22px 25px;margin-bottom:16px;background:linear-gradient(135deg,var(--site-surface,#fff),var(--site-soft,#edf5ff))}
.site-help-heading span{color:var(--site-accent,#287be0);font-weight:850;font-size:13px}.site-help-heading h1{color:var(--site-ink,#172033)!important;font-size:clamp(24px,3vw,38px);font-weight:950;margin:5px 0}
.site-help-content{padding:clamp(18px,3vw,34px);line-height:2;color:var(--site-ink,#172033)}
.site-help-content :is(h1,h2,h3,h4,strong,p,li){color:inherit}.site-help-content img{max-width:100%;height:auto}.site-help-content table{max-width:100%;display:block;overflow:auto}

/* Store metadata must stay readable in every dark account theme. */
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-product-meta span,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-product-meta i,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-shipping-note,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-shipping-note :is(span,i),
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-cart-shortcut,
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .ss-cart-shortcut i{color:#f8fafc!important}

/* The AI warning intentionally remains a white high-contrast card on dark themes. */
html[data-site-theme] .ip-ai-intro p{background:#fff!important;color:#805500!important;border:1px solid #805500!important;border-radius:12px;padding:10px 12px!important}
html[data-site-theme] .page-shell :is(.nav-ico,.stat-ico,.mini-ico) svg{color:#fff!important;stroke:currentColor!important}
html[data-site-theme] .page-shell :is(.nav-ico,.stat-ico,.mini-ico) img{filter:brightness(0) invert(1)}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .page-shell :is(.nav-ico,.stat-ico,.mini-ico){color:#fff!important}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .page-shell :is(.nav-ico,.stat-ico,.mini-ico) img{filter:brightness(0) invert(1)}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .page-shell :is(.nav-ico,.stat-ico,.mini-ico){background:#243449!important;border-color:#ffffff66!important}
:is(html[data-site-theme="dream"],html[data-site-theme="gold"],html[data-site-theme="peach"]) .page-shell :is(.nav-ico,.stat-ico,.mini-ico) svg{color:#fff!important;stroke:#fff!important}
.page-shell :is(.nav-list,.main-card,.soft-card,.dashboard-customer-tasks){direction:rtl;text-align:right}
.page-shell :is(.nav-list,.main-card,.soft-card,.dashboard-customer-tasks) :is(p,h1,h2,h3,h4,h5,h6,small,strong){text-align:right}
.dashboard-deadline{display:inline-flex;padding:4px 9px;border:1px solid var(--site-line);border-radius:999px;background:var(--site-soft);color:var(--site-ink)!important;font-weight:800}
.dashboard-task-row>span.dashboard-deadline-soon{background:#fff7d6!important;color:#744b00!important;border-color:#f0cf72!important}
.dashboard-task-row>span.dashboard-deadline-overdue{background:#ffe7e7!important;color:#a31324!important;border-color:#f4a6ad!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .dashboard-deadline-soon{background:#513d12!important;color:#ffe7a3!important;border-color:#80651f!important}
:is(html[data-site-theme="dark"],html[data-site-theme="ash"]) .dashboard-deadline-overdue{background:#54232b!important;color:#ffc5cc!important;border-color:#8d3b47!important}

/* Clock contrast for Shafagh, Emerald, Ash and Arghavani only. */
:is(html[data-site-theme="dark"],html[data-site-theme="green"],html[data-site-theme="ash"],html[data-site-theme="light"]) nav.site-navbar :is(.header-clock,.header-clock *){color:#fff!important}

/* v30: readable order fields and chat connection state in every account theme. */
html[data-site-theme]:not([data-site-theme="classic"]) .ss-page :is(.ss-order-card-head h2,.ss-section-kicker,.ss-form-divider,.ss-field label,.ss-quantity-section label){color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .ss-page :is(.ss-quantity-section small,.ss-help){color:var(--site-muted)!important}
html[data-site-theme]:not([data-site-theme="classic"]) .ss-page :is(.ss-order-card,.ss-quantity-section,.ss-field input,.ss-field textarea,.ss-field select,.ss-quantity-control){background:var(--site-surface)!important;border-color:var(--site-line)!important;color:var(--site-ink)!important}
html[data-site-theme] .ss-page .ss-quantity-control button{background:var(--site-gradient)!important;color:#fff!important}
html[data-site-theme] .ss-page .ss-quantity-control button span{color:#fff!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.status,#ws-status){background:var(--site-surface)!important;border:1px solid var(--site-line)!important;border-radius:999px;padding:6px 10px;color:var(--site-ink)!important}
html[data-site-theme]:not([data-site-theme="classic"]) :is(.status,#ws-status,#ws-label){color:var(--site-ink)!important}

/* Panel link search: desktop width reduced by 30%; mobile remains usable. */
@media(min-width:992px){.site-header-search.panel-header-search{flex-basis:clamp(217px,21vw,308px);width:clamp(217px,21vw,308px)}}

/* One fixed group at the physical left in the RTL site header. */
nav.site-navbar .site-header-left-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-inline-start:auto}

/* Home: explicitly light cards keep requested black text readable in dark themes. */
html[data-site-theme] body .home-page :is(.mini-stat,.pricing-card){background:#fff!important;color:#000!important;border-color:#dbe3ef!important}
html[data-site-theme] body .home-page .mini-stat :is(b,span){color:#000!important}
html[data-site-theme] body .home-page .pricing-card :is(h3,.plan-duration,.plan-current-price,.js-price,.muted,.feature-text,.feature-icon,small){color:#000!important}

/* Exact light surfaces: works for account themes and unselected guest OS dark. */
html body .home-page .hero-wrap .mini-stat{background:#fff!important;color:#000!important}
html body .home-page .hero-wrap .mini-stat :is(b,span){color:#000!important}
html body .ss-empty-state.ss-empty-state-large,
html[data-site-theme] body .ss-empty-state.ss-empty-state-large{background:#fff!important}
html body .ss-empty-state.ss-empty-state-large :is(h2,p),
html[data-site-theme] body .ss-empty-state.ss-empty-state-large :is(h2,p){color:#000!important}
html body .tutorial-page .section-badge{background:#fff!important;color:#000!important}
/* Dark home content stays white on the dark hero/cards. */
html:is([data-site-theme="dark"],[data-site-theme="ash"]) body .home-page .hero-wrap{background:var(--site-notice)!important}
html:is([data-site-theme="dark"],[data-site-theme="ash"]) body .home-page :is(.hero-sub,.home-quick-copy,.home-testimonials .muted,.home-testimonials .fw-bold){color:#fff!important}
@media(prefers-color-scheme:dark){
  html:not([data-site-theme]) body .home-page :is(.hero-sub,.home-quick-copy,.home-testimonials .muted,.home-testimonials .fw-bold),
  html[data-site-theme="classic"] body .home-page :is(.hero-sub,.home-quick-copy,.home-testimonials .muted,.home-testimonials .fw-bold){color:#fff!important}
}

html:not([data-site-theme]) body .home-page .pricing-card{background:#fff!important;color:#000!important}
html:not([data-site-theme]) body .home-page .pricing-card :is(h3,.plan-duration,.plan-current-price,.js-price,.muted,.feature-text,.feature-icon,small){color:#000!important}

@media(max-width:991.98px){
 html body .panel-top{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;text-align:center}
 html body .panel-top .panel-top-spacer{display:none}
 html body .panel-top .header-account-actions{order:2}
}
.sr-explanation{margin-block:8px 16px;border:1px solid var(--site-line,#ccd5e3);border-radius:999px;padding:7px 14px;background:var(--site-surface,#fff);color:var(--site-ink,#172033)!important;cursor:pointer}
html body .sr-explanation-content,html body .sr-explanation-content :is(p,h2){background:var(--site-surface,#fff)!important;color:var(--site-ink,#172033)!important}
html body .sr-explanation-content{border-color:var(--site-line,#ccd5e3)}
html:is([data-site-theme="dark"],[data-site-theme="ash"]) .sr-explanation-content .btn-close{filter:invert(1)}

/* v55: hamburger at the physical right, account icons at the left.
   Auth buttons have a separate, unbroken row on phones and tablets. */
html body nav.site-navbar .site-header-auth{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:10px;width:auto!important;margin:0!important;padding:0!important;flex:0 0 auto}
html body nav.site-navbar .site-header-auth .nav-item{flex:0 0 auto}
html body nav.site-navbar .site-header-auth a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:7px 14px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px}
html body nav.site-navbar .site-auth-register{background:#fff!important;color:#243449!important;border:1px solid #ffffffb3}
html body nav.site-navbar .site-auth-login{background:#243449!important;color:#fff!important;border:1px solid #ffffffb3}
html body nav.site-navbar .mobile-problems-link{display:none!important}
@media(max-width:1199.98px){
 html body nav.site-navbar>.container-fluid{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:9px 10px;padding:9px 12px!important;direction:rtl;align-items:center}
 html body nav.site-navbar .navbar-brand{grid-column:1/-1;grid-row:1;justify-self:center;order:0;margin:0!important;padding:0!important}
 html body nav.site-navbar .navbar-toggler{display:inline-flex!important;grid-column:1;grid-row:2;order:1;justify-self:start;align-items:center;justify-content:center;width:42px;height:38px;margin:0!important;padding:5px;flex-shrink:0;background:#fff!important;border-color:#fff!important}
 html body nav.site-navbar .navbar-toggler-icon{filter:brightness(0);width:22px;height:22px}
 html body nav.site-navbar .site-header-left-actions{grid-column:2;grid-row:2;order:1;justify-self:end;display:flex!important;align-items:center;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:7px;margin:0!important;min-width:0}
 html body nav.site-navbar .header-account-actions{display:flex;flex-wrap:nowrap;gap:5px;margin:0!important;flex:0 0 auto}
 html body nav.site-navbar .site-header-auth{grid-column:1/-1;order:2;justify-self:center;max-width:100%;gap:10px}
 html body nav.site-navbar .header-clock{grid-column:1/-1;order:3;justify-self:center;margin:0!important}
 html body nav.site-navbar .site-header-search{grid-column:1/-1;order:3;justify-self:center;width:min(100%,340px)!important;max-width:340px!important;margin:0!important}
 html body nav.site-navbar .navbar-collapse{grid-column:1/-1;order:4;position:static!important;inset:auto!important;width:100%!important;min-width:0;flex-basis:auto;padding:9px!important;background:var(--site-surface,#fff)!important;color:var(--site-ink,#172033);border:1px solid var(--site-line,#dbe3ed);border-radius:12px;box-shadow:none;overflow-x:hidden;max-height:65vh;overflow-y:auto}
 html body nav.site-navbar .navbar-collapse.collapse:not(.show){display:none!important}
 html body nav.site-navbar .navbar-collapse.collapse.show,html body nav.site-navbar .navbar-collapse.collapsing{display:block!important}
 html body nav.site-navbar .navbar-collapse .navbar-nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;width:100%!important;min-width:0;gap:0;margin:0!important;padding:0!important;direction:rtl;text-align:right}
 html body nav.site-navbar .navbar-collapse .nav-link{display:flex;justify-content:flex-start!important;white-space:normal;padding:8px 10px!important;color:var(--site-ink,#172033)!important;text-align:right}
 html body nav.site-navbar .navbar-collapse .nav-link :is(i,span,svg){color:inherit!important}
 html body nav.site-navbar .navbar-collapse .nav-link:hover{background:var(--site-soft,#e8f4ff);border-radius:8px}
 html body nav.site-navbar .navbar-collapse .nav-item.d-lg-none{display:none!important}
}
@media(max-width:575.98px){
 html body nav.site-navbar .site-header-left-actions .support-chat-link{display:none!important}
 html body nav.site-navbar .navbar-collapse .mobile-problems-link{display:block!important}
 html body nav.site-navbar .site-header-auth a{font-size:12px;padding:6px 12px}
}

/* v56: readable hamburger menu; ID specificity overrides header white text. */
@media(max-width:1199.98px){
 html body nav.site-navbar #navbarNav{background:#fff!important;color:#172033!important;border-color:#dbe3ed!important;direction:rtl!important}
 html body nav.site-navbar #navbarNav .nav-link{direction:rtl!important;text-align:right!important;justify-content:flex-start!important;color:#172033!important;background:transparent!important;border-radius:8px}
 html body nav.site-navbar #navbarNav .nav-link :is(span,strong,i,svg){color:#172033!important}
 html body nav.site-navbar #navbarNav .nav-link:is(:hover,:focus-visible,:active){background:#e4edfa!important;color:#102b52!important}
 html body nav.site-navbar #navbarNav .nav-link:is(:hover,:focus-visible,:active) :is(span,strong,i,svg){color:#102b52!important}
 html body nav.site-navbar #navbarNav .nav-link:focus-visible{outline:2px solid #3265ad;outline-offset:-2px}
}