/* Light ("bright") mode for the customer site: html[data-theme="light"], chosen with the sun/moon switch (cookie `theme`).
   Loaded after glass.css and only overrides colours, so layout and motion stay identical to the dark look. */
html.glass[data-theme="light"] {
    --bg: #f5f3fb;
    --surface: #ffffff;
    --surface-2: #f4f1fb;
    --text: #1d1530;
    --muted: #6a6286;
    --border: rgba(60, 35, 120, .13);
    --primary: #6d4ce6;
    --primary-dark: #5a38d6;
    --primary-soft: rgba(109, 76, 230, .1);
    --danger: #d4325a;
    --success: #0f9b81;
    --warning: #b7791f;
    --glass-fill: linear-gradient(150deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .7) 45%, rgba(240, 233, 255, .72));
    --glass-depth:
        inset 0 1px 0 rgba(255, 255, 255, .95),
        0 1px 2px rgba(40, 20, 90, .06),
        0 18px 40px -22px rgba(60, 30, 140, .28);
    color-scheme: light;
}
html.glass[data-theme="light"] a { color: #5b36d8; }
html.glass[data-theme="light"] :focus-visible { outline-color: #6d4ce6; }
html.glass[data-theme="light"] ::selection { background: rgba(109, 76, 230, .22); }
html.glass[data-theme="light"] * { scrollbar-color: rgba(80, 50, 160, .3) transparent; }

/* Ambient background */
html.glass[data-theme="light"] .scene { background: linear-gradient(160deg, #faf8ff 0%, #f1ecfb 55%, #fbf1f6 100%); }
html.glass[data-theme="light"] .orb-a { background: radial-gradient(closest-side, rgba(124, 58, 237, .14), rgba(124, 58, 237, 0)); }
html.glass[data-theme="light"] .orb-b { background: radial-gradient(closest-side, rgba(217, 70, 160, .1), rgba(217, 70, 160, 0)); }
html.glass[data-theme="light"] .orb-c { background: radial-gradient(closest-side, rgba(79, 70, 229, .1), rgba(79, 70, 229, 0)); }
html.glass[data-theme="light"] .grain { opacity: .02; }
html.glass[data-theme="light"] .stars, html.glass[data-theme="light"] .starfield { opacity: .25; filter: invert(1); }

/* Glass panels */
html.glass[data-theme="light"] .card, html.glass[data-theme="light"] .sidebar, html.glass[data-theme="light"] .topbar,
html.glass[data-theme="light"] .pubbar-inner, html.glass[data-theme="light"] .auth-card, html.glass[data-theme="light"] .mesh,
html.glass[data-theme="light"] .slab, html.glass[data-theme="light"] .table-wrap, html.glass[data-theme="light"] .footer-inner {
    background: var(--glass-fill); border-color: rgba(80, 50, 160, .12); box-shadow: var(--glass-depth); color: var(--text);
}
html.glass[data-theme="light"] .card .table-wrap { background: none; border: 0; box-shadow: none; }
html.glass[data-theme="light"] .card::before, html.glass[data-theme="light"] .sidebar::before, html.glass[data-theme="light"] .topbar::before,
html.glass[data-theme="light"] .pubbar-inner::before, html.glass[data-theme="light"] .mesh::before, html.glass[data-theme="light"] .slab::before {
    background: radial-gradient(420px circle at var(--mx, 22%) var(--my, 0%), rgba(140, 100, 255, .45), rgba(140, 100, 255, .12) 38%, rgba(140, 100, 255, .04) 72%);
}
html.glass[data-theme="light"] .card::after, html.glass[data-theme="light"] .mesh::after { background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0) 65%); }
html.glass[data-theme="light"] .pubbar-inner, html.glass[data-theme="light"] .topbar { background: linear-gradient(150deg, rgba(255, 255, 255, .9), rgba(246, 242, 255, .86)); }
html.glass[data-theme="light"] a.card.stat:hover { border-color: rgba(109, 76, 230, .25); box-shadow: var(--glass-depth), 0 0 0 1px rgba(109, 76, 230, .22), 0 22px 50px -20px rgba(109, 76, 230, .35); }

/* Navigation */
html.glass[data-theme="light"] .nav > a:not(.btn):hover, html.glass[data-theme="light"] .icon-link:hover { background: rgba(80, 50, 160, .07); }
html.glass[data-theme="light"] .nav-toggle, html.glass[data-theme="light"] .nav-close { background: rgba(80, 50, 160, .06); }
html.glass[data-theme="light"] .sidebar nav a:hover { background: rgba(80, 50, 160, .06); }
html.glass[data-theme="light"] .sidebar nav a.active { color: #2a1a55; background: linear-gradient(120deg, rgba(109, 76, 230, .16), rgba(232, 121, 168, .08)); box-shadow: none; }
html.glass[data-theme="light"] .sidebar nav a.active .icon { color: #6d4ce6; }
html.glass[data-theme="light"] .sidebar nav.has-bead a.active { background: none; }
html.glass[data-theme="light"] .nav-bead { background: linear-gradient(120deg, rgba(109, 76, 230, .17), rgba(232, 121, 168, .09)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 18px -10px rgba(109, 76, 230, .45); }
html.glass[data-theme="light"] .balance { background: rgba(109, 76, 230, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
html.glass[data-theme="light"] .balance:hover { background: rgba(109, 76, 230, .16); }
html.glass[data-theme="light"] .badge { border-color: #fff; }
html.glass[data-theme="light"] .tabs { background: rgba(80, 50, 160, .06); border-color: rgba(80, 50, 160, .1); box-shadow: inset 0 1px 3px rgba(40, 20, 90, .08); }
html.glass[data-theme="light"] .tabs a.active, html.glass[data-theme="light"] .tabs.has-bead a.active { color: #fff; }
html.glass[data-theme="light"] .tabs a.active { background: #6d4ce6; }
html.glass[data-theme="light"] .tabs .nav-bead { background: #6d4ce6; }

/* Buttons: ink keys on light */
html.glass[data-theme="light"] .btn { --face: #2a1a55; --label: #fff; --edge: #120a2b; --ink: #6d4ce6; --ink-label: #fff; --ink-edge: #3e22a8; }
html.glass[data-theme="light"] .btn:focus-visible { outline-color: #6d4ce6; }
html.glass[data-theme="light"] .btn-outline, html.glass[data-theme="light"] .btn-ghost, html.glass[data-theme="light"] .btn-outline:hover, html.glass[data-theme="light"] .btn-ghost:hover {
    --label: var(--text); --ink: #2a1a55; --ink-label: #fff; background: transparent; box-shadow: inset 0 0 0 1px rgba(42, 26, 85, .28);
}
html.glass[data-theme="light"] .btn-outline:not([disabled]):hover, html.glass[data-theme="light"] .btn-ghost:not([disabled]):hover { box-shadow: inset 0 0 0 1px #2a1a55; }
html.glass[data-theme="light"] .btn-danger, html.glass[data-theme="light"] .btn-danger:hover { --label: #c22650; box-shadow: inset 0 0 0 1px rgba(194, 38, 80, .45); }
html.glass[data-theme="light"] button.link { color: #5b36d8; }
html.glass[data-theme="light"] .svc-cards .btn-sm { box-shadow: inset 0 0 0 1px rgba(42, 26, 85, .25); }
html.glass[data-theme="light"] .svc-cards tr:hover .btn-sm { --face: #2a1a55; --label: #fff; }

/* Fields */
html.glass[data-theme="light"] .input { background-color: rgba(255, 255, 255, .85); border-color: rgba(60, 35, 120, .18); box-shadow: inset 0 1px 2px rgba(40, 20, 90, .07); }
html.glass[data-theme="light"] .input::placeholder { color: #9a92b6; }
html.glass[data-theme="light"] .input:hover { border-color: rgba(60, 35, 120, .3); }
html.glass[data-theme="light"] .input:focus { background-color: #fff; border-color: #8a6cf0; box-shadow: 0 0 0 4px rgba(109, 76, 230, .14); }
html.glass[data-theme="light"] select.input option { background: #fff; color: var(--text); }
html.glass[data-theme="light"] input[type="checkbox"], html.glass[data-theme="light"] input[type="radio"] { accent-color: #6d4ce6; }
html.glass[data-theme="light"] input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #fff inset; }
html.glass[data-theme="light"] .gsel-btn svg { color: #6d4ce6; }
html.glass[data-theme="light"] .gsel-panel { background: rgba(255, 255, 255, .96); border-color: rgba(80, 50, 160, .15); box-shadow: 0 24px 50px -20px rgba(40, 20, 90, .35); }
html.glass[data-theme="light"] .gsel-panel li.is-focus { background: rgba(80, 50, 160, .07); }
html.glass[data-theme="light"] .gsel-panel li[aria-selected="true"] { background: rgba(109, 76, 230, .13); box-shadow: none; }

/* Tables and small parts */
html.glass[data-theme="light"] .table thead th { background: rgba(80, 50, 160, .05); }
html.glass[data-theme="light"] .table tbody tr:hover td { background: rgba(80, 50, 160, .04); }
html.glass[data-theme="light"] .table td, html.glass[data-theme="light"] .table th { border-bottom-color: rgba(60, 35, 120, .09); }
html.glass[data-theme="light"] .category-row td { background: rgba(109, 76, 230, .07); }
html.glass[data-theme="light"] pre, html.glass[data-theme="light"] .copy-row code, html.glass[data-theme="light"] code { background: rgba(80, 50, 160, .06); color: var(--text); }
html.glass[data-theme="light"] .tag { background: rgba(109, 76, 230, .1); color: #4a2bb8; }
html.glass[data-theme="light"] .tag.muted { background: rgba(80, 50, 160, .06); color: var(--muted); }
html.glass[data-theme="light"] .status { background: rgba(80, 50, 160, .07); color: var(--muted); box-shadow: none; }
html.glass[data-theme="light"] .status-completed, html.glass[data-theme="light"] .status-paid, html.glass[data-theme="light"] .status-answered, html.glass[data-theme="light"] .status-resolved { background: rgba(15, 155, 129, .12); color: #0b7a66; }
html.glass[data-theme="light"] .status-partial, html.glass[data-theme="light"] .status-customer_reply, html.glass[data-theme="light"] .status-awaiting_customer { background: rgba(183, 121, 31, .13); color: #8a5a12; }
html.glass[data-theme="light"] .status-canceled, html.glass[data-theme="light"] .status-failed, html.glass[data-theme="light"] .status-expired, html.glass[data-theme="light"] .status-rejected, html.glass[data-theme="light"] .status-error, html.glass[data-theme="light"] .status-fail { background: rgba(212, 50, 90, .11); color: #b0244a; }
html.glass[data-theme="light"] .status-in_progress, html.glass[data-theme="light"] .status-processing, html.glass[data-theme="light"] .status-open, html.glass[data-theme="light"] .status-awaiting_support { background: rgba(109, 76, 230, .12); color: #4a2bb8; }
html.glass[data-theme="light"] .alert { box-shadow: none; }
html.glass[data-theme="light"] .alert-success { background: rgba(15, 155, 129, .1); border-color: rgba(15, 155, 129, .3); color: #0b6b5a; }
html.glass[data-theme="light"] .alert-error { background: rgba(212, 50, 90, .08); border-color: rgba(212, 50, 90, .3); color: #9e1f42; }
html.glass[data-theme="light"] .alert-info { background: rgba(109, 76, 230, .08); border-color: rgba(109, 76, 230, .28); color: #3d2496; }
html.glass[data-theme="light"] .alert-warning { background: rgba(183, 121, 31, .1); border-color: rgba(183, 121, 31, .3); color: #7a500f; }
html.glass[data-theme="light"] .level-bronze { background: rgba(190, 110, 50, .12); color: #8f4f1d; border-color: rgba(190, 110, 50, .4); }
html.glass[data-theme="light"] .level-silver { background: rgba(110, 110, 140, .12); color: #4b4b66; border-color: rgba(110, 110, 140, .35); }
html.glass[data-theme="light"] .level-gold { background: rgba(200, 150, 0, .13); color: #7f5d00; border-color: rgba(200, 150, 0, .4); }
html.glass[data-theme="light"] .progress { background: rgba(80, 50, 160, .09); border-color: rgba(80, 50, 160, .1); box-shadow: inset 0 1px 2px rgba(40, 20, 90, .1); }
html.glass[data-theme="light"] .list-item, html.glass[data-theme="light"] .faq details { border-bottom-color: rgba(60, 35, 120, .1); }
html.glass[data-theme="light"] .message.mine { background: linear-gradient(150deg, rgba(109, 76, 230, .14), rgba(109, 76, 230, .05)); }
html.glass[data-theme="light"] .message.staff { border-left-color: #6d4ce6; }
html.glass[data-theme="light"] .feature-icon { background: linear-gradient(150deg, rgba(150, 120, 255, .25), rgba(124, 58, 237, .1)); color: #5b36d8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 18px -10px rgba(109, 76, 230, .5); }
html.glass[data-theme="light"] .lang-switch summary { background: rgba(80, 50, 160, .06); border-color: rgba(80, 50, 160, .14); }
html.glass[data-theme="light"] .lang-switch summary:hover { background: rgba(80, 50, 160, .11); }
html.glass[data-theme="light"] .lang-menu, html.glass[data-theme="light"] .row-menu-items { background: #fff; border-color: rgba(80, 50, 160, .15); box-shadow: 0 24px 50px -18px rgba(40, 20, 90, .35); }
html.glass[data-theme="light"] .lang-menu a, html.glass[data-theme="light"] .row-menu-items a, html.glass[data-theme="light"] .row-menu-items button.link { color: var(--text); }
html.glass[data-theme="light"] .lang-menu a.active, html.glass[data-theme="light"] .lang-menu a:hover, html.glass[data-theme="light"] .row-menu-items a:hover, html.glass[data-theme="light"] .row-menu-items button.link:hover { background: rgba(80, 50, 160, .07); }
html.glass[data-theme="light"] .faq summary:hover { color: #5b36d8; }
html.glass[data-theme="light"] .error-page h1 { background: linear-gradient(135deg, #3d2496, #6d4ce6 60%, #d4508f) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html.glass[data-theme="light"] .home-avatar .avatar-img { border-color: #fff; box-shadow: 0 0 0 1px rgba(80, 50, 160, .12), 0 20px 40px -16px rgba(109, 76, 230, .45); }
html.glass[data-theme="light"] .home-avatar-edit { background: #fff; color: var(--text); }
html.glass[data-theme="light"] .character-stage { background: radial-gradient(120% 90% at 50% 10%, rgba(167, 139, 250, .2), transparent 70%); }
.cur-sym { display: inline-block; min-width: 1.4em; color: var(--muted); }

/* Buttons that are links keep their label colour */
html.glass[data-theme="light"] a.btn, html.glass[data-theme="light"] a.btn:hover { color: var(--label); }
@media (hover: hover) { html.glass[data-theme="light"] a.btn:not([disabled]):hover { color: var(--ink-label); } }

/* Order page */
html.glass[data-theme="light"] .svc-list { border-top-color: rgba(60, 35, 120, .1); }
html.glass[data-theme="light"] .svc-cat { background: rgba(109, 76, 230, .1); color: #3d2496; }
html.glass[data-theme="light"] .svc-item:hover, html.glass[data-theme="light"] .svc-item:focus { background: rgba(80, 50, 160, .05); }
html.glass[data-theme="light"] .svc-item:focus-visible { outline-color: #6d4ce6; }
html.glass[data-theme="light"] .svc-item.selected { background: linear-gradient(115deg, rgba(109, 76, 230, .14), rgba(232, 121, 168, .07)); box-shadow: inset 0 0 0 1px rgba(109, 76, 230, .25); }
html.glass[data-theme="light"] .svc-rate, html.glass[data-theme="light"] .svc-cards .svc-price, html.glass[data-theme="light"] .charge strong { color: var(--text); }
html.glass[data-theme="light"] .fav.on { color: #d4508f; }
html.glass[data-theme="light"] .charge { background: rgba(109, 76, 230, .06); box-shadow: inset 0 1px 2px rgba(40, 20, 90, .08); }
html.glass[data-theme="light"] .svc-cards tbody tr:not(.category-row) { background: linear-gradient(150deg, rgba(255, 255, 255, .9), rgba(246, 242, 255, .75)); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .1), 0 8px 20px -14px rgba(60, 30, 140, .3); }
html.glass[data-theme="light"] .svc-cards tbody tr:not(.category-row):hover { background: linear-gradient(150deg, rgba(240, 234, 255, .95), rgba(255, 255, 255, .9)); }
html.glass[data-theme="light"] .svc-cards .category-row td { color: var(--text); }

/* Dashboard tiles: soft pastel versions of the dark mesh tiles */
html.glass[data-theme="light"] .home-hero { background: radial-gradient(620px 320px at 0% 0%, rgba(139, 92, 246, .12), transparent 70%), radial-gradient(520px 300px at 100% 100%, rgba(232, 121, 168, .08), transparent 70%), var(--glass-fill); }
html.glass[data-theme="light"] .home-hero + .stats .stat:nth-child(n), html.glass[data-theme="light"] .home-hero ~ .alert + .stats .stat:nth-child(n) { color: var(--text); }
html.glass[data-theme="light"] .home-hero + .stats .stat:nth-child(1), html.glass[data-theme="light"] .home-hero ~ .alert + .stats .stat:nth-child(1) { background: radial-gradient(120% 120% at 90% 0%, rgba(120, 90, 255, .22), transparent 62%), rgba(255, 255, 255, .8); }
html.glass[data-theme="light"] .home-hero + .stats .stat:nth-child(2), html.glass[data-theme="light"] .home-hero ~ .alert + .stats .stat:nth-child(2) { background: radial-gradient(100% 100% at 100% 15%, rgba(243, 190, 235, .55), transparent 72%), rgba(255, 255, 255, .85); }
html.glass[data-theme="light"] .home-hero + .stats .stat:nth-child(3), html.glass[data-theme="light"] .home-hero ~ .alert + .stats .stat:nth-child(3) { background: radial-gradient(120% 120% at 100% 100%, rgba(236, 110, 170, .2), transparent 62%), rgba(255, 255, 255, .8); }
html.glass[data-theme="light"] .home-hero + .stats .stat:nth-child(4), html.glass[data-theme="light"] .home-hero ~ .alert + .stats .stat:nth-child(4) { background: radial-gradient(120% 120% at 0% 100%, rgba(100, 110, 250, .2), transparent 62%), rgba(255, 255, 255, .8); }
html.glass[data-theme="light"] .stat span { color: var(--muted); }
html.glass[data-theme="light"] .stat strong { color: var(--text); }

/* Public homepage */
html.glass[data-theme="light"] .eyebrow { color: #4a2bb8; background: rgba(109, 76, 230, .08); border-color: rgba(109, 76, 230, .2); box-shadow: none; }
html.glass[data-theme="light"] .lead { color: #4c4466; }
html.glass[data-theme="light"] .gl-ticks .icon { color: #6d4ce6; }
html.glass[data-theme="light"] .slab-name, html.glass[data-theme="light"] .slab-price { color: var(--text); }
html.glass[data-theme="light"] .slab-list { color: var(--muted); }
html.glass[data-theme="light"] .slab-cta { color: #fff; background: #2a1a55; box-shadow: 0 2px 0 #120a2b; }
html.glass[data-theme="light"] .gl-title { background: linear-gradient(176deg, #1d1530 22%, #4a2bb8 62%, #8b5cf6 96%); -webkit-background-clip: text; background-clip: text; }
html.glass[data-theme="light"] .jr-num-on { background: linear-gradient(160deg, #3d2496, #6d4ce6 55%, #d4508f); -webkit-background-clip: text; background-clip: text; }
html.glass[data-theme="light"] .selfie-card small, html.glass[data-theme="light"] .cta-sub, html.glass[data-theme="light"] .cta-terms a, html.glass[data-theme="light"] .ft-links a, html.glass[data-theme="light"] .ft-up { color: var(--muted); }
html.glass[data-theme="light"] .selfie-card em, html.glass[data-theme="light"] .jm-balance, html.glass[data-theme="light"] .jr-hud-label b,
html.glass[data-theme="light"] .cta-title, html.glass[data-theme="light"] .cta-terms a:hover, html.glass[data-theme="light"] .ft-up:hover, html.glass[data-theme="light"] .ft-roll::after,
html.glass[data-theme="light"] .jr-hud-steps button:hover, html.glass[data-theme="light"] .cf-tool:hover { color: var(--text); }
html.glass[data-theme="light"] .jm-field { color: var(--text); background: rgba(80, 50, 160, .06); }
html.glass[data-theme="light"] .jm-wallet, html.glass[data-theme="light"] .cf-chip-ico { color: #6d4ce6; }
html.glass[data-theme="light"] .jm-chip { color: #4a2bb8; background: rgba(109, 76, 230, .12); }
html.glass[data-theme="light"] .cf-chip { color: var(--text); background: rgba(255, 255, 255, .8); border-color: rgba(80, 50, 160, .15); }
html.glass[data-theme="light"] .cf-bubble { color: var(--text); background: rgba(255, 255, 255, .9); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .1); }
html.glass[data-theme="light"] .cf-bubble a { color: #5b36d8; }
html.glass[data-theme="light"] .cf-msg.me .cf-bubble { color: #fff; }
html.glass[data-theme="light"] .cta-pill span { color: var(--text); background: rgba(255, 255, 255, .85); }
html.glass[data-theme="light"] .cat-pills a { color: var(--muted); }
html.glass[data-theme="light"] .cat-pills a:hover { color: var(--text); }
html.glass[data-theme="light"] .cat-pills a.active { color: #fff; background: #2a1a55; border-color: #2a1a55; }
html.glass[data-theme="light"] .selfie-ico { color: #4a2bb8; }
html.glass[data-theme="light"] .features .feature:hover .feature-icon { color: #fff; background: linear-gradient(150deg, #8a6cf0, #6d4ce6); }
/* "How it works" journey and the chat FAQ */
html.glass[data-theme="light"] .jr-card { color: var(--text); background: linear-gradient(150deg, rgba(255, 255, 255, .95), rgba(246, 242, 255, .85)); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .12), 0 20px 40px -24px rgba(60, 30, 140, .35); }
html.glass[data-theme="light"] .jr-card p { color: var(--muted); }
html.glass[data-theme="light"] .jr-mini { background: rgba(80, 50, 160, .06); box-shadow: inset 0 1px 2px rgba(40, 20, 90, .08); }
html.glass[data-theme="light"] .jm-ok { color: #0b7a66; background: rgba(15, 155, 129, .12); }
html.glass[data-theme="light"] .jm-btn, html.glass[data-theme="light"] .jr-hud-steps button.active, html.glass[data-theme="light"] .cf-actions a { color: #fff; background: #2a1a55; box-shadow: 0 2px 0 #120a2b; }
html.glass[data-theme="light"] .jm-bar, html.glass[data-theme="light"] .jr-rail, html.glass[data-theme="light"] .jr-hud-bar { background: rgba(80, 50, 160, .12); }
html.glass[data-theme="light"] .jr-node { background: linear-gradient(150deg, #ffffff, #efe9ff); color: var(--text); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .18), 0 10px 22px -12px rgba(60, 30, 140, .45); }
html.glass[data-theme="light"] .jr-hud-steps button { color: var(--muted); }
html.glass[data-theme="light"] .cf-panel { background: linear-gradient(155deg, rgba(255, 255, 255, .95), rgba(246, 242, 255, .88)); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .13), 0 30px 60px -30px rgba(60, 30, 140, .4); }
html.glass[data-theme="light"] .cf-head { border-bottom-color: rgba(60, 35, 120, .1); }
html.glass[data-theme="light"] .cf-who small { color: #0b7a66; }
html.glass[data-theme="light"] .cf-avatar { background: linear-gradient(150deg, #efe9ff, #ffffff); box-shadow: inset 0 0 0 1px rgba(80, 50, 160, .2); }
html.glass[data-theme="light"] .cf-typing i { background: #8a6cf0; }