/* Brand accents stay vivid in both themes; text tones adapt for readable contrast. */
:root{
 --brand-green:#30e88d;
 --brand-logo:#66f7a3;
 --brand-orange:#ffae66;
 --brand-violet:#c69aff;
}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.theme-toggle svg{color:var(--violet)}
.theme-toggle:hover{background:var(--violet-wash);border-color:var(--violet)}
.theme-toggle-floating{position:fixed;top:20px;right:24px;z-index:35;box-shadow:var(--shadow)}
:root[data-theme="light"]{
 color-scheme:light;
 --green:#087a45;
 --green-dark:#07673b;
 --green-soft:#c9f6df;
 --green-wash:#e2f9ed;
 --accent:#087a45;
 --accent-strong:#087a45;
 --orange:#b24b00;
 --orange-wash:#fff0df;
 --violet:#7622c4;
 --violet-wash:#f0e3ff;
 --danger:#b52c41;
 --danger-wash:#ffe9ed;
 --ink:#17251e;
 --muted:#4f6357;
 --subtle:#5d6f63;
 --line:#d6e1da;
 --line-strong:#b5c9bd;
 --bg:#f4f7f6;
 --surface:#ffffff;
 --surface-2:#edf3ef;
 --input:#ffffff;
 --white:#ffffff;
 --shadow:0 8px 26px #153d2110;
}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 88% 0%,#30e88d13,transparent 42%),radial-gradient(ellipse at 0% 100%,#c69aff14,transparent 48%),var(--bg);background-attachment:fixed}

:root[data-theme="light"] .topbar{background:#ffffffed}
:root[data-theme="light"] .brand{width:max-content;max-width:100%;padding:10px 12px;border-radius:12px;background:#101d16;color:var(--brand-logo)}
:root[data-theme="light"] .sidebar>.brand{margin:0 0 24px 8px;padding:11px 12px}
:root[data-theme="light"] .access-story .brand{padding:0;background:transparent}
:root[data-theme="light"] .help-intro .brand{margin:0 auto}
:root[data-theme="light"] .btn.primary{background:var(--brand-green);color:#07351f;border-color:var(--brand-green);box-shadow:0 3px 14px #30e88d30}
:root[data-theme="light"] .btn.primary:hover:not(:disabled){background:#19d97b;border-color:#19d97b}
:root[data-theme="light"] .btn.secondary:hover:not(:disabled),
:root[data-theme="light"] .btn.subtle:hover:not(:disabled){background:var(--green-wash);border-color:var(--accent);color:var(--accent)}
:root[data-theme="light"] .nav-item.active{background:linear-gradient(95deg,#b8f7d5,#e2f9ed);color:#075b35;box-shadow:inset 3px 0 var(--brand-green)}
:root[data-theme="light"] .nav-count{background:#c4efda;color:#075b35}
:root[data-theme="light"] .demo-box,
:root[data-theme="light"] .local-pill,
:root[data-theme="light"] .tip,
:root[data-theme="light"] .help-intro{background:var(--green-wash);color:var(--muted);border-color:var(--line)}
:root[data-theme="light"] .avatar{background:#d9f9e7;color:#075b35;border-color:#a2dbba}
:root[data-theme="light"] .eyebrow{color:var(--accent)}
:root[data-theme="light"] .sage{background:linear-gradient(125deg,#97f1bd,#d4ffe4);color:#075b35}
:root[data-theme="light"] .sand{background:linear-gradient(125deg,#ffad5b,#ffe5c5);color:#6e2d00}
:root[data-theme="light"] .lavender{background:linear-gradient(125deg,#c398ff,#ead5ff);color:#4c167d}
:root[data-theme="light"] .welcome-banner{background:radial-gradient(ellipse at 92% 50%,#c69aff35,transparent 48%),linear-gradient(115deg,#074a2c,#0b3927 58%,#302044);border-color:#087a45}
:root[data-theme="light"] .welcome-banner .live-label{color:var(--brand-logo)}
:root[data-theme="light"] .welcome-banner .btn.white{background:var(--brand-green);border-color:var(--brand-green);color:#07351f}
:root[data-theme="light"] .stat,
:root[data-theme="light"] .account-card{background:linear-gradient(145deg,#eafaf1,var(--surface) 65%)}
:root[data-theme="light"] .stat:nth-child(3n+1){border-top-color:var(--brand-green)}
:root[data-theme="light"] .stat:nth-child(3n+2){border-top-color:var(--brand-violet)}
:root[data-theme="light"] .stat:nth-child(3n){border-top-color:var(--brand-orange)}
:root[data-theme="light"] .panel-link:hover{background:var(--green-wash)}
:root[data-theme="light"] .count-label,
:root[data-theme="light"] .soft-icon,
:root[data-theme="light"] .qty-tag{background:var(--green-wash);color:var(--accent)}
:root[data-theme="light"] .soft-icon.amber{background:var(--orange-wash);color:var(--orange)}
:root[data-theme="light"] .chip.selected{background:#d5f8e5;color:#075b35;border-color:#8bd6ac}
:root[data-theme="light"] th{background:var(--surface-2);color:var(--muted)}
:root[data-theme="light"] .product-art{background:var(--green-wash);color:var(--accent)}
:root[data-theme="light"] .art-beer,
:root[data-theme="light"] .art-glass,
:root[data-theme="light"] .art-food{background:var(--orange-wash);color:var(--orange)}
:root[data-theme="light"] .art-martini,
:root[data-theme="light"] .art-wine{background:var(--violet-wash);color:var(--violet)}
:root[data-theme="light"] .empty{color:var(--accent)}
:root[data-theme="light"] .empty h3{color:var(--ink)}
:root[data-theme="light"] .bar-cover .badge{background:#ffffffdc}
:root[data-theme="light"] .table-card{background:linear-gradient(150deg,#d8fbe8,var(--surface));border-color:#7acb9b}
:root[data-theme="light"] .table-card.busy{background:linear-gradient(150deg,#ead4ff,var(--surface));border-color:#b77eea}
:root[data-theme="light"] .table-card.ready{background:linear-gradient(150deg,#d7f8e6,var(--surface));border-color:#63c38c}
:root[data-theme="light"] .table-status,
:root[data-theme="light"] .table-card.ready .table-status{color:var(--accent)}
:root[data-theme="light"] .table-card.busy .table-status{color:var(--violet)}
:root[data-theme="light"] .table-drawing>div{background:#c8f5dc;color:#075b35;border-color:#62bc88}
:root[data-theme="light"] .busy .table-drawing>div{background:#e9ceff;color:var(--violet);border-color:#b77eea}
:root[data-theme="light"] .ready .table-drawing>div{background:#c8f5dc;color:#075b35;border-color:#62bc88}
:root[data-theme="light"] .chair,
:root[data-theme="light"] .ready .chair{background:#62bc88}
:root[data-theme="light"] .busy .chair{background:#b77eea}
:root[data-theme="light"] .kanban-column{background:var(--surface-2);border-top-color:var(--brand-orange)}
:root[data-theme="light"] .kanban-column.preparing{border-top-color:var(--brand-violet)}
:root[data-theme="light"] .kanban-column.ready{border-top-color:var(--brand-green)}
:root[data-theme="light"] .order-note{background:var(--orange-wash);border-color:#e5b78a}
:root[data-theme="light"] .movement.negative{color:var(--orange);background:var(--orange-wash)}
:root[data-theme="light"] .notice{border-color:#e5b78a}
:root[data-theme="light"] .access-story .floating-note svg,:root[data-theme="light"] .welcome-banner .live-label i{color:var(--brand-green)}
:root[data-theme="light"] .welcome-banner .live-label i{background:var(--brand-green)}
:root[data-theme="light"] .access-form{background:radial-gradient(ellipse at 80% 10%,#30e88d16,transparent 65%),var(--surface)}
:root[data-theme="light"] .demo-label{background:var(--green-wash);color:var(--accent);border-color:#a2dbba}
:root[data-theme="light"] .role-option:hover{background:var(--surface-2)}
:root[data-theme="light"] .role-option.chosen{background:var(--green-wash);border-color:var(--accent)}
:root[data-theme="light"] .role-symbol{background:var(--surface-2);color:var(--muted)}
:root[data-theme="light"] .role-option.chosen .role-symbol{background:#b8f7d5;color:#075b35}
:root[data-theme="light"] .field>span,
:root[data-theme="light"] .input-label,
:root[data-theme="light"] .checkbox-field{color:var(--muted)}
:root[data-theme="light"] .modal,
:root[data-theme="light"] .order-dialog{border-color:var(--line-strong);box-shadow:0 25px 80px #153d2125}
:root[data-theme="light"] .modal::backdrop,
:root[data-theme="light"] .order-dialog::backdrop{background:#152e2359}
:root[data-theme="light"] .form-error{border-color:#e9adba}
:root[data-theme="light"] .payment-total{background:linear-gradient(145deg,#c7fbe0,#e7f9ee);border-color:#8bd6ac}
:root[data-theme="light"] .payment-total>span,
:root[data-theme="light"] .payment-total small{color:var(--muted)}
:root[data-theme="light"] .payment-total strong{color:#075b35}
:root[data-theme="light"] .payment-options span{background:var(--input);color:var(--ink);border-color:var(--line-strong)}
:root[data-theme="light"] .payment-options input:checked+span{background:var(--green-wash);color:#075b35;border-color:var(--accent)}
:root[data-theme="light"] .success-seal{background:#c8f5dc;color:var(--accent)}
:root[data-theme="light"] .receipt-lines>div,
:root[data-theme="light"] .help-steps strong{color:var(--ink)}
:root[data-theme="light"] .order-layout{background:var(--bg)}
:root[data-theme="light"] .product-card.in-cart{background:var(--green-wash);border-color:var(--accent)}
:root[data-theme="light"] .product-card b,
:root[data-theme="light"] .recorded-meta>span{color:var(--accent)}
:root[data-theme="light"] .product-plus{background:var(--brand-green);color:#07351f}
:root[data-theme="light"] .in-cart-count{background:var(--brand-green);color:#07351f}
:root[data-theme="light"] .stepper{border-color:var(--line-strong)}
:root[data-theme="light"] .stepper button:hover{background:var(--green-wash)}
:root[data-theme="light"] .order-symbol{background:var(--green-wash);color:var(--accent)}
:root[data-theme="light"] .order-symbol.ready{background:var(--violet-wash);color:var(--violet)}
:root[data-theme="light"] .order-timeline .done{color:var(--accent)}
:root[data-theme="light"] .order-timeline .done span{background:var(--green-wash)}
:root[data-theme="light"] .toast{background:#d9f9e7;color:#075b35;border-color:#8bd6ac}
:root[data-theme="light"] .toast.error{background:var(--danger-wash);color:var(--danger);border-color:#e9adba}
:root[data-theme="light"] .floor-scroll{background:#e9f1ed}
:root[data-theme="light"] .floor-canvas{background-color:#f7fbf8;background-image:radial-gradient(#7aa88e4a 1px,transparent 1px)}
:root[data-theme="light"] .floor-zone{background:#d4ebde5c;border-color:#a5c7b3;color:#476e55}
:root[data-theme="light"] .floor-zone.terrace{background-color:#c9edbe70;border-color:#8ac279;color:#35652c}
:root[data-theme="light"] .floor-fixture{background:linear-gradient(120deg,#aef2c9,#d9f9e7);border-color:#62bc88;color:#075b35}
:root[data-theme="light"] .floor-fixture.bar:hover{background:#b8f7d5}
:root[data-theme="light"] .floor-fixture.kitchen{background:var(--orange-wash);border-color:#e5b78a;color:var(--orange)}
:root[data-theme="light"] .floor-fixture.entrance,
:root[data-theme="light"] .floor-fixture.wc{background:var(--violet-wash);border-color:#c398eb;color:var(--violet)}
:root[data-theme="light"] .floor-table{background:linear-gradient(135deg,#b8f7d5,#dcfbe9);border-color:#4eaf78;color:#075b35;--table-edge:#4eaf78}
:root[data-theme="light"] .floor-table.occupied{background:linear-gradient(135deg,#dab0ff,#eee0ff);border-color:#a05be0;color:#52158c;--table-edge:#a05be0}
:root[data-theme="light"] .floor-edit-toolbar{background:var(--green-wash)}
:root[data-theme="light"] .activity-overlay{background:#edf5f1b8}
:root[data-theme="light"] .activity-card{box-shadow:0 18px 60px #153d2125}
:root[data-theme="light"] .activity-spinner{border-top-color:var(--accent);border-right-color:var(--brand-green)}
:root[data-theme="light"] .activity-background{background:none}
@media(max-width:960px){.topbar .theme-toggle{width:38px;padding:8px}.topbar .theme-toggle>span{display:none}}
@media(max-width:640px){.theme-toggle-floating{top:14px;right:16px}.access-content{padding-top:42px}.recovery-page,.password-required{padding-top:74px}}
/* Sidebar uses the same forest-green palette in light and dark mode. */
:root[data-theme] .sidebar{
 --ink:#edf7f0;
 --muted:#b9d4c4;
 --subtle:#acccba;
 --line:#235a43;
 --line-strong:#397a59;
 --surface:#0b4030;
 --surface-2:#104b37;
 --green-wash:#124e38;
 --accent:#30e88d;
 --accent-strong:#66f7a3;
 --violet:#c69aff;
 --violet-wash:#362249;
 --orange:#ffae66;
 --orange-wash:#60391c;
 background:linear-gradient(165deg,#074531 0%,#073b2b 48%,#062b22 100%);
 color:var(--ink);
 border-right-color:#235a43;
 box-shadow:6px 0 30px #062b2226;
}
:root[data-theme] .sidebar>.brand{background:transparent;padding:0 10px 28px;margin:0;color:var(--brand-logo)}
:root[data-theme] .sidebar .workspace-card{background:var(--surface);border-color:var(--line-strong)}
:root[data-theme] .sidebar .workspace-return:hover{background:var(--violet-wash);border-color:var(--violet)}
:root[data-theme] .sidebar .nav-item{color:var(--muted)}
:root[data-theme] .sidebar .nav-item>svg{color:var(--brand-violet)}
:root[data-theme] .sidebar .nav-item:hover{background:var(--surface-2);color:var(--ink)}
:root[data-theme] .sidebar .nav-item.active{background:linear-gradient(95deg,#145c40,#0b4934);color:var(--brand-logo);box-shadow:inset 3px 0 var(--brand-green)}
:root[data-theme] .sidebar .nav-item.active>svg{color:var(--brand-logo)}
:root[data-theme] .sidebar .nav-count{background:var(--violet-wash);color:var(--brand-violet)}
:root[data-theme] .sidebar .demo-box{background:var(--surface-2);color:var(--muted)}
:root[data-theme] .sidebar .avatar{background:#1d6045;color:#b8ffd6;border-color:#4a936d}