/* Color modes preserve the selected Classic POS geometry and blue controls. */
html[data-design="classic"] .seat-price{white-space:nowrap}
html[data-theme="light"]{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:44px;padding:0 10px;border:1px solid #61748d;border-radius:5px;background:#243950;color:#edf4ff;white-space:nowrap;font-size:11px;flex-shrink:0}
.theme-toggle:hover{background:#334d6c}
.theme-icon{font-size:19px;line-height:1;width:20px;text-align:center}
.theme-toggle:focus-visible{outline:3px solid #9fc3ff;outline-offset:3px}
html[data-design="classic"] .header-meta{gap:12px}
html[data-design="classic"] .legend i{background:#2868cf}
html[data-design="classic"] .legend i.waiting{background:#c18b31}
html[data-design="classic"] .legend i.free{background:#fff;border-color:#a9bcd3}
html[data-design="classic"] .editor-board .seat.selected{outline-color:#2469d8}
html[data-design="classic"] button:focus-visible,html[data-design="classic"] input:focus-visible,html[data-design="classic"] select:focus-visible,html[data-design="classic"] textarea:focus-visible{outline-color:#3e83ed}

html[data-design][data-theme="dark"]{color-scheme:dark;--ink:#e6edf8;--muted:#a8b7cd;--line:#3b4d64;--paper:#1c2a3c;--bg:#121d2d;--teal:#79adff;--teal-soft:#233c61;--amber:#f1be64;--amber-soft:#3b3020;--red:#ffaaa8;--nav:#111c2b;--shadow:none;color:var(--ink);background:var(--bg)}
html[data-design][data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-design][data-theme="dark"] .topbar{background:var(--nav);border-color:var(--line);color:#d9e5f6}
html[data-design][data-theme="dark"] .brand-mark,html[data-design][data-theme="dark"] .brand-word b{color:#edf4ff;border-color:#7387a3}
html[data-design][data-theme="dark"] .brand-word small,html[data-design][data-theme="dark"] .primary-nav button,html[data-design][data-theme="dark"] .store-name,html[data-design][data-theme="dark"] .demo-badge{color:#b4c5df}
html[data-design][data-theme="dark"] .primary-nav button.active{background:#225baa;color:white}
html[data-design][data-theme="dark"] .primary-nav button.active:after{background:#79adff}
html[data-design][data-theme="dark"] .avatar{background:#2c405c;border-color:#5b7393;color:#e6edf8}
html[data-design][data-theme="dark"] .theme-toggle{background:#2b3f5b;border-color:#6a85a9;color:#edf4ff}
html[data-design][data-theme="dark"] .theme-toggle:hover{background:#3c5779}
html[data-design][data-theme="dark"] .panel,html[data-design][data-theme="dark"] .metric-strip,html[data-design][data-theme="dark"] .modal,html[data-design][data-theme="dark"] .search{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-design][data-theme="dark"] .btn,html[data-design][data-theme="dark"] .qty-control button,html[data-design][data-theme="dark"] .move-grid button{background:#283a51;color:#e3edfb;border-color:#506782}
html[data-design][data-theme="dark"] .btn:hover,html[data-design][data-theme="dark"] .qty-control button:hover,html[data-design][data-theme="dark"] .move-grid button:hover{background:#344e6e}
html[data-design][data-theme="dark"] .btn.primary{background:#2768c3;border-color:#478cf0;color:#fff}
html[data-design][data-theme="dark"] .btn.primary:hover{background:#327add}
html[data-design][data-theme="dark"] .btn.soft{background:#213e64;border-color:#40699c;color:#b7d4ff}
html[data-design][data-theme="dark"] .btn.danger{background:#482b34;border-color:#925963;color:#ffb5b2}
html[data-design][data-theme="dark"] button:disabled{opacity:1;background:#253142!important;border-color:#3c4a5f!important;color:#91a1b9!important}
html[data-design][data-theme="dark"] .pill{background:#233f62;color:#b5d3ff}
html[data-design][data-theme="dark"] .pill.gray{background:#314054;color:#c5d0df}
html[data-design][data-theme="dark"] .pill.amber{background:#493922;color:#f6cd88}
html[data-design][data-theme="dark"] .pill.red{background:#482b34;color:#ffb5b2}
html[data-design][data-theme="dark"] .floor-scroll{background:#162234}
html[data-design][data-theme="dark"] .floor-board{background-image:none}
html[data-design][data-theme="dark"] .floor-zone,html[data-design][data-theme="dark"] .entrance{color:#9dacc1}
html[data-design][data-theme="dark"] .bar-counter{background:#283b52;border-color:#415875;color:#adbed5}
html[data-design][data-theme="dark"] .seat{background:#233348;border-color:#617995;color:#e1ebfa}
html[data-design][data-theme="dark"] .seat.occupied{background:#235ab0;border-color:#6396e4;color:#fff}
html[data-design][data-theme="dark"] .seat.waiting{background:#473b26;border-color:#cfaa61;color:#ffe2ab}
html[data-design][data-theme="dark"] .seat .seat-state,html[data-design][data-theme="dark"] .seat .seat-lines,html[data-design][data-theme="dark"] .seat .seat-meta{color:#c1d1e7}
html[data-design][data-theme="dark"] .seat.occupied .seat-state,html[data-design][data-theme="dark"] .seat.occupied .seat-lines,html[data-design][data-theme="dark"] .seat.occupied .seat-meta{color:#e4efff}
html[data-design][data-theme="dark"] .seat.waiting .seat-state,html[data-design][data-theme="dark"] .seat.waiting .seat-lines,html[data-design][data-theme="dark"] .seat.waiting .seat-meta{color:#f1d49c}
html[data-design][data-theme="dark"] .empty-seat-label{color:#adbed4}
html[data-design][data-theme="dark"] .legend i{background:#6396e4}
html[data-design][data-theme="dark"] .legend i.waiting{background:#d1ab66}
html[data-design][data-theme="dark"] .legend i.free{background:#233348;border-color:#7891ad}
html[data-design][data-theme="dark"] .side-item,html[data-design][data-theme="dark"] .order-line,html[data-design][data-theme="dark"] td,html[data-design][data-theme="dark"] .rank-row{border-color:var(--line)}
html[data-design][data-theme="dark"] .side-item .item-icon,html[data-design][data-theme="dark"] .bottle-row{background:#263951;color:#b5cdea}
html[data-design][data-theme="dark"] .progress{background:#35465b}
html[data-design][data-theme="dark"] .progress span{background:#e3b35f}
html[data-design][data-theme="dark"] .side-note{background:#203653;border-color:#405b7c;color:#bfcee3}
html[data-design][data-theme="dark"] .side-note strong{color:#dfebfb}
html[data-design][data-theme="dark"] .category-tabs{border-color:#568ee0}
html[data-design][data-theme="dark"] .category-tabs button{background:transparent;color:#bbcee8;border-color:var(--line)}
html[data-design][data-theme="dark"] .category-tabs button.active,html[data-design][data-theme="dark"] .admin-tabs .active{background:#255fae;color:#fff;border-color:#548bdd}
html[data-design][data-theme="dark"] .product-card{background:#223a58;border-color:#456287}
html[data-design][data-theme="dark"] .product-card:nth-child(3n+2){background:#253f46;border-color:#466c74}
html[data-design][data-theme="dark"] .product-card:nth-child(3n){background:#383149;border-color:#63567b}
html[data-design][data-theme="dark"] .product-card h3{color:#ecf2fb}
html[data-design][data-theme="dark"] .product-card .product-meta{color:#b6c8dc}
html[data-design][data-theme="dark"] .product-actions button{background:#18293c;border-color:#657b98;color:#d9e9ff}
html[data-design][data-theme="dark"] .product-actions button:hover{background:#354e6c}
html[data-design][data-theme="dark"] .order-footer{background:#23344b}
html[data-design][data-theme="dark"] .notice{background:#403421;color:#f0cf96}
html[data-design][data-theme="dark"] th{background:#24364c;color:#bdcce0}
html[data-design][data-theme="dark"] .field{color:#c2d0e3}
html[data-design][data-theme="dark"] .field input,html[data-design][data-theme="dark"] .field select,html[data-design][data-theme="dark"] .field textarea,html[data-design][data-theme="dark"] .report-filter input{background:#152437;color:#e5eefc;border-color:#637792}
html[data-design][data-theme="dark"] input::placeholder,html[data-design][data-theme="dark"] textarea::placeholder{color:#91a5bf;opacity:1}
html[data-design][data-theme="dark"] .editor-board .seat.selected{outline-color:#9ec5ff}
html[data-design][data-theme="dark"] .chart-area{background:repeating-linear-gradient(to top,#1c2a3c 0,#1c2a3c 47px,#3a4e68 48px,#1c2a3c 49px)}
html[data-design][data-theme="dark"] .chart-col .bar{background:#4f7eae}
html[data-design][data-theme="dark"] .chart-col.current .bar{background:#82b3ff}
html[data-design][data-theme="dark"] .rank-row .rank-num{color:#a4bce0}
html[data-design][data-theme="dark"] .modal-backdrop{background:#050d1bc9}
html[data-design][data-theme="dark"] .modal-close{background:#334963;color:#e0edff}
html[data-design][data-theme="dark"] .lock-art{background:#233f64;border-color:#5f82ac;color:#b8d6ff}
html[data-design][data-theme="dark"] .pin-dots span{background:#152437;border-color:#8ba6ca}
html[data-design][data-theme="dark"] .pin-dots span.filled{background:#91bbff;border-color:#91bbff}
html[data-design][data-theme="dark"] .pin-keypad button{background:#2c405a;border-color:#5d7798;color:#f1f6ff}
html[data-design][data-theme="dark"] .pin-keypad button:hover{background:#3d5b80}
html[data-design][data-theme="dark"] .choice-row label{background:#22344d;border-color:#5b7494;color:#e4eeff}
html[data-design][data-theme="dark"] .choice-row label:has(input:checked){background:#2a4d7b;border-color:#9ac3ff}
html[data-design][data-theme="dark"] .demo-note,html[data-design][data-theme="dark"] .footer-caption{color:#a6b7cf}
html[data-design][data-theme="dark"] #toast{background:#d4e5ff;color:#122a4b;border:1px solid #9bbdec}
html[data-design][data-theme="dark"] button:focus-visible,html[data-design][data-theme="dark"] input:focus-visible,html[data-design][data-theme="dark"] select:focus-visible,html[data-design][data-theme="dark"] textarea:focus-visible{outline-color:#a9ceff}
@media(max-width:1180px){html[data-design="classic"] .topbar{gap:16px}html[data-design="classic"] .primary-nav button{padding-left:15px;padding-right:15px}html[data-design="classic"] .header-meta{gap:9px}html[data-design="classic"] .header-meta .avatar{display:none}}
@media(max-width:800px) and (min-width:681px){html[data-design="classic"] .topbar{gap:12px;padding-left:16px;padding-right:16px}html[data-design="classic"] .primary-nav button{padding-left:10px;padding-right:10px}.theme-toggle{min-width:44px;padding:0 9px}.theme-label{display:none}}
@media(max-width:680px){html[data-design="classic"] .topbar{gap:10px;padding-top:10px}.header-meta{gap:8px!important}.theme-toggle{min-width:44px;padding:0 9px}.theme-label{display:none}.header-meta .demo-badge,.header-meta .store-name,.header-meta .avatar{display:none!important}html[data-design="classic"] .primary-nav button{padding-left:5px;padding-right:5px}.brand-word{font-size:18px}}

/* Operational session and connection controls reuse the selected color tokens. */
.auth-shell{min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:30px 18px}
.auth-card{width:min(440px,100%);padding:30px}.auth-form{display:grid;gap:17px;margin-top:25px}.auth-form .btn{width:100%}.auth-card .secure-note{line-height:1.8}
body[data-auth="required"] .primary-nav{visibility:hidden;pointer-events:none}
body[data-auth="required"] .store-name{display:none}
.auth-form .field,.auth-form .form-error{font-size:12px}.auth-form .field input{font-size:14px}
.settings-panel{max-width:700px}.settings-panel .modal-body{padding-top:24px}
.audit-entry{padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.audit-entry:last-child{border:0}.audit-entry-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.audit-entry-head strong{font-size:14px}.audit-entry-head span,.audit-time{color:var(--muted);font-size:11px}.audit-reason{margin-top:7px;padding:9px 12px;background:var(--teal-soft);border-radius:5px}.bottle-row>.inline-actions{justify-content:flex-end;gap:6px}
#connection-status{display:none;flex:0 0 auto}
#connection-status.visible{display:flex;align-items:center;justify-content:center;gap:14px;min-height:32px;padding:7px 18px;background:var(--teal-soft);color:var(--ink);font-size:11px;line-height:1.6;border-bottom:1px solid var(--line)}
#connection-status.needs-retry{position:fixed;left:12px;right:12px;bottom:12px;z-index:220;border:1px solid var(--amber);border-radius:8px;background:var(--amber-soft);box-shadow:0 8px 30px #0003;flex-wrap:wrap}
.logout-button{font-size:11px;min-width:64px;padding:0 9px}.is-busy #app{cursor:progress}
@media(max-width:1180px){html[data-design="classic"] .header-meta{gap:7px}html[data-design="classic"] .header-meta .demo-badge{display:none}.logout-button{min-width:60px}}
@media(max-width:680px){.auth-card{padding:24px}.auth-shell{padding:20px 14px;min-height:calc(100dvh - 120px)}body[data-auth="required"] .primary-nav{display:none}body[data-auth="required"] .topbar{padding-bottom:10px}.logout-button{min-width:58px;font-size:10px}.header-meta #clock{display:none}#connection-status.visible{font-size:10px;padding:7px 12px}}
@media(max-width:680px){html[data-design="classic"] .seat,html[data-design="classic"] .seat.occupied{padding:8px 6px}html[data-design="classic"] .seat-price{font-size:13px}html[data-design="classic"] .floor-layout>.panel>.panel-title{flex-wrap:wrap}html[data-design="classic"] .floor-layout .legend{gap:14px;white-space:nowrap}}