/* v9: complete light-theme palette, fixed recovery-code presentation, and support alerts. */
:root{--card:var(--panel)}
body>header{background:var(--bg);color:var(--text)}
.auth-card,.panel,.admin-section,.catalog-create-box,.catalog-admin-item,.product-admin-card,.branding-compact-card,.account-order,.support-workspace,.thread-list,.admin-conversation{color:var(--text)}
.auth-card,.panel{background:var(--panel)}
.auth-card input,.inventory-form select,.inventory-form textarea,.product-admin-card input[type=number],.product-admin-card input[type=file],.admin-reply-form textarea,.catalog-product-form input,.catalog-product-form textarea,.denomination-admin-row input,.denomination-create-form input{background:var(--panel);color:var(--text);border-color:var(--line)}
.codes code{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text);overflow-wrap:anywhere}
.recovery-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 9px}
.recovery-summary h3{margin:0}
.recovery-count{padding:4px 9px;border-radius:999px;background:rgba(57,117,234,.14);color:#80a9ff;font-size:11px;font-weight:800}
.recovery-replace{margin-top:14px}
.recovery-replace summary{width:max-content;max-width:100%;color:var(--muted);font-size:12px;cursor:pointer}
.recovery-replace form{margin:10px 0 0}
.support-nav-link{position:relative}
.nav-unread-badge{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e54359;color:#fff;font-size:10px;line-height:1}
.nav-unread-badge[hidden]{display:none}
.support-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.support-alert-toggle{width:auto;padding:8px 11px;font-size:11px}
.support-alert-toggle.active{border-color:rgba(35,133,91,.62);background:rgba(35,133,91,.16);color:#74dfac}
.support-alert-toast{position:fixed;right:20px;bottom:20px;z-index:1000;width:min(340px,calc(100vw - 32px));padding:14px 16px;display:grid;gap:4px;border:1px solid rgba(57,117,234,.5);border-radius:11px;background:var(--panel);color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.support-alert-toast strong{font-size:14px}
.support-alert-toast span{color:var(--muted);font-size:12px}

html[data-theme=light] .auth-card,
html[data-theme=light] .panel{box-shadow:0 10px 30px rgba(20,28,45,.06)}
html[data-theme=light] .admin-section,
html[data-theme=light] .catalog-create-box,
html[data-theme=light] .catalog-admin-item,
html[data-theme=light] .product-admin-card,
html[data-theme=light] .branding-compact-card,
html[data-theme=light] .account-order,
html[data-theme=light] .support-workspace,
html[data-theme=light] .thread-list,
html[data-theme=light] .admin-conversation,
html[data-theme=light] .empty-state{background:#f8f9fb}
html[data-theme=light] .logo-preview,
html[data-theme=light] .hero-admin-preview,
html[data-theme=light] .callback-box{color:var(--muted)}
html[data-theme=light] .success-box{color:#136c4b}
html[data-theme=light] .status-pill.ok,
html[data-theme=light] .verified-note{color:#13704d}
html[data-theme=light] .status-pill.pending{color:#8a5314}
html[data-theme=light] .from-admin{color:#fff}
html[data-theme=light] .from-customer{background:#eef1f5}

@media(max-width:680px){
  .support-head-actions{width:100%;align-items:flex-start;justify-content:space-between}
  .recovery-summary{align-items:flex-start;flex-direction:column}
}