/* Three visual systems share the same POS flows and data. Lounge uses styles.css. */
.design-back{display:inline-flex;align-items:center;min-height:44px;color:var(--teal);font-size:11px;text-decoration:none;padding-right:10px}.design-back:hover{text-decoration:underline}
html[data-design="classic"]{--ink:#17304c;--muted:#64768c;--line:#d4deea;--paper:#fff;--bg:#e9edf3;--teal:#2469d8;--teal-soft:#eaf1ff;--amber:#a36a0b;--amber-soft:#fff3d9;--red:#bc3c49;--nav:#19283d;--shadow:none}
html[data-design="classic"] .topbar{height:64px;padding:0 24px;gap:28px}
html[data-design="classic"] .brand-mark{border-color:#8b9db6;color:white;border-radius:0}
html[data-design="classic"] .brand-word{font-family:inherit;font-size:19px;font-weight:700;letter-spacing:0}
html[data-design="classic"] .brand-word b{color:#fff;font-weight:700}
html[data-design="classic"] .brand-word small{color:#a4b6ce;letter-spacing:1.8px}
html[data-design="classic"] .primary-nav{gap:0}
html[data-design="classic"] .primary-nav button{font-size:14px;color:#b5c5dc;padding:0 25px}
html[data-design="classic"] .primary-nav button.active{background:#2469d8;color:white}
html[data-design="classic"] .primary-nav button.active:after{display:none}
html[data-design="classic"] .header-meta{color:#c0cde1}
html[data-design="classic"] .store-name,html[data-design="classic"] .demo-badge{color:#c0cde1}
html[data-design="classic"] .avatar{background:#304966;border-color:#6b819b}
html[data-design="classic"] .page{padding:25px 28px;max-width:1800px}
html[data-design="classic"] .page-head{margin-bottom:20px}
html[data-design="classic"] h1{font-size:25px}
html[data-design="classic"] .eyebrow{letter-spacing:1px}
html[data-design="classic"] .btn,html[data-design="classic"] .panel,html[data-design="classic"] .metric-strip,html[data-design="classic"] .product-card,html[data-design="classic"] .category-tabs button,html[data-design="classic"] .search{border-radius:3px}
html[data-design="classic"] .btn.primary:hover{background:#1b53ae}
html[data-design="classic"] .metric-strip{padding:16px 0;margin-bottom:18px}
html[data-design="classic"] .metric-value{font-size:26px}
html[data-design="classic"] .metric-label{font-size:12px;margin-bottom:7px}
html[data-design="classic"] .metric-note{margin-top:4px}
html[data-design="classic"] .floor-layout{grid-template-columns:1fr;gap:16px}
html[data-design="classic"] .panel-title{padding:15px 20px}
html[data-design="classic"] .panel-title h2{font-size:15px}
html[data-design="classic"] .floor-scroll{padding:22px;background:#dde3eb}
html[data-design="classic"] .floor-board{background-image:none;min-height:460px;aspect-ratio:2.35}
html[data-design="classic"] .floor-zone{color:#667990}
html[data-design="classic"] .bar-counter{background:#c7d2df;border-color:#b6c4d5;color:#506981;border-radius:2px}
html[data-design="classic"] .entrance{color:#667990}
html[data-design="classic"] .seat{border:2px solid #a9bcd3;border-radius:3px;background:#fff;box-shadow:none;padding:11px 13px}
html[data-design="classic"] .seat.occupied{background:#2868cf;border:2px solid #2868cf;color:white;padding:11px 13px}
html[data-design="classic"] .seat.waiting{background:#fff2d7;border-color:#c18b31;color:#6e490d}
html[data-design="classic"] .seat-name{font-size:14px}
html[data-design="classic"] .seat-state{color:#607992;font-size:9px}
html[data-design="classic"] .seat-lines{font-size:11px;color:#536a84}
html[data-design="classic"] .seat-meta{color:#647993;font-size:9px}
html[data-design="classic"] .seat-price{font-size:15px}
html[data-design="classic"] .seat.occupied .seat-state,html[data-design="classic"] .seat.occupied .seat-lines,html[data-design="classic"] .seat.occupied .seat-meta{color:#e5eeff}
html[data-design="classic"] .seat.waiting .seat-state,html[data-design="classic"] .seat.waiting .seat-lines,html[data-design="classic"] .seat.waiting .seat-meta{color:#845d21}
html[data-design="classic"] .empty-seat-label{color:#879bb1}
html[data-design="classic"] .side-stack{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
html[data-design="classic"] .side-note{border-radius:3px;background:#edf3fc;border:1px solid #c5d6ef;color:#52759e}
html[data-design="classic"] .side-note strong{color:#214b80}
html[data-design="classic"] .side-card{padding:18px}
html[data-design="classic"] .side-item .item-icon{background:#eaf0f9;color:#4874a4}
html[data-design="classic"] .category-tabs{gap:0;border-bottom:2px solid #2469d8;margin-bottom:20px}
html[data-design="classic"] .category-tabs button{border:0;background:transparent;color:#536b88;border-radius:0;padding:13px 22px}
html[data-design="classic"] .category-tabs button.active{background:#2469d8;color:#fff}
html[data-design="classic"] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
html[data-design="classic"] .product-card{background:#e7f0ff;border-color:#bdcee5;min-height:178px}
html[data-design="classic"] .product-card:nth-child(3n+2){background:#e5eff0;border-color:#bcd4d7}
html[data-design="classic"] .product-card:nth-child(3n){background:#f3eafa;border-color:#d4c6e0}
html[data-design="classic"] .product-actions button{background:#ffffffbc;border-color:#b2c3d7;color:#244b78;border-radius:3px}
html[data-design="classic"] .product-actions button:hover{background:#fff}
html[data-design="classic"] .order-layout{grid-template-columns:minmax(0,1fr) 350px}
html[data-design="classic"] .order-footer{background:#edf2fa}
html[data-design="classic"] .lock-art{background:#eaf1ff;border-color:#c2d4ef}
html[data-design="classic"] .pin-keypad button{background:#f0f4fa;border-color:#d1deee}
html[data-design="classic"] .pin-keypad button:hover{background:#deebff}

html[data-design="night"]{color-scheme:dark;--ink:#f0e9dc;--muted:#a3a299;--line:#3b403b;--paper:#202622;--bg:#151a17;--teal:#d9b16d;--teal-soft:#383125;--amber:#e6bd73;--amber-soft:#3b3120;--red:#f09284;--nav:#111612;--shadow:none}
html[data-design="night"] .topbar{height:86px;border-bottom:1px solid #353d34;color:#e1d8c5}
html[data-design="night"] .brand-mark{border-color:#8f7852;color:#ead3aa}
html[data-design="night"] .brand-word{font-size:24px;letter-spacing:3px}
html[data-design="night"] .brand-word b{color:#d9b16d}
html[data-design="night"] .brand-word small{color:#a89c83}
html[data-design="night"] .primary-nav{gap:12px}
html[data-design="night"] .primary-nav button{color:#a29f91}
html[data-design="night"] .primary-nav button.active{color:#eacb95}
html[data-design="night"] .primary-nav button.active:after{background:#d9b16d;height:2px}
html[data-design="night"] .demo-badge{border-color:#655a40;color:#d1bb8d}
html[data-design="night"] .store-name{color:#b6af9f}
html[data-design="night"] .avatar{border-color:#64583d;background:#2f2e22;color:#e1c187}
html[data-design="night"] .page{padding:34px 38px}
html[data-design="night"] h1{font-weight:500;letter-spacing:-1px;font-size:29px}
html[data-design="night"] .eyebrow{color:#c5a46a;letter-spacing:2.8px}
html[data-design="night"] .metric-strip{background:transparent;border:0;border-bottom:1px solid #3b403b;border-radius:0;box-shadow:none;padding:5px 0 25px;margin-bottom:28px}
html[data-design="night"] .metric{padding:0 28px}
html[data-design="night"] .metric:first-child{padding-left:0}
html[data-design="night"] .metric-value{font-weight:500;font-size:30px;color:#f1dfbc}
html[data-design="night"] .metric-label{font-size:11px;color:#b8b5a7}
html[data-design="night"] .metric-note{color:#bda879}
html[data-design="night"] .panel{background:#1c221e;border-color:#3b403b;border-radius:5px}
html[data-design="night"] .panel-title{padding:20px 22px;background:#202720}
html[data-design="night"] .floor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}
html[data-design="night"] .floor-scroll{padding:24px;background:#191f1b}
html[data-design="night"] .floor-board{background-image:radial-gradient(#384037 1px,transparent 1px);background-size:24px 24px;min-height:510px}
html[data-design="night"] .floor-zone,html[data-design="night"] .entrance{color:#95967f}
html[data-design="night"] .bar-counter{background:#292d23;border-color:#52513b;color:#b1a580;border-radius:2px;letter-spacing:7px}
html[data-design="night"] .seat{background:#202821;border:1px solid #56604e;box-shadow:none;border-radius:4px;color:#e7e5da}
html[data-design="night"] .seat.occupied{background:#333124;border:1px solid #b08c53;padding-top:10px}
html[data-design="night"] .seat.waiting{background:#3c2b24;border-color:#c68d65}
html[data-design="night"] .seat:hover{border-color:#e9c884;background:#3b3728;box-shadow:none}
html[data-design="night"] .seat-name{color:#f0dfbc;font-weight:600}
html[data-design="night"] .seat-state{color:#cdbd96}
html[data-design="night"] .seat-lines{color:#c6c4b1}
html[data-design="night"] .seat-meta{color:#bcb393}
html[data-design="night"] .seat-price{color:#f2ddab}
html[data-design="night"] .empty-seat-label{color:#9ca38e}
html[data-design="night"] .legend i{background:#c6a064}
html[data-design="night"] .legend .free{background:#242b23;border-color:#849077}
html[data-design="night"] .legend .waiting{background:#c68d65}
html[data-design="night"] .side-item{border-color:#353d31}
html[data-design="night"] .side-item .item-icon{background:#34372a;color:#cfbd8e}
html[data-design="night"] .side-note{background:#282e23;border-color:#454d37;color:#bdbea2;border-radius:5px}
html[data-design="night"] .side-note strong{color:#dfd1a5}
html[data-design="night"] .progress{background:#414534}
html[data-design="night"] .progress span{background:#d1ae72}
html[data-design="night"] .btn{background:#282f27;border-color:#515642;color:#e5e2d2;border-radius:4px}
html[data-design="night"] .btn:hover{background:#384132}
html[data-design="night"] .btn.primary{background:#d9b16d;border-color:#d9b16d;color:#211e16}
html[data-design="night"] .btn.primary:hover{background:#eac689}
html[data-design="night"] .btn.soft{background:#393525;color:#e4c68b;border-color:#5a5035}
html[data-design="night"] .btn.danger{background:#3b2923;border-color:#795344;color:#f0a68e}
html[data-design="night"] .pill{background:#3e3725;color:#e9cb91}
html[data-design="night"] .pill.gray{background:#353c32;color:#c0c7b6}
html[data-design="night"] .pill.red{background:#4b2b26;color:#ffb0a0}
html[data-design="night"] .pill.amber{background:#4c3b20;color:#f2cc87}
html[data-design="night"] .search,html[data-design="night"] .field input,html[data-design="night"] .field select,html[data-design="night"] .field textarea,html[data-design="night"] .report-filter input{background:#242b23;border-color:#4a5344;color:#f0e9dc}
html[data-design="night"] .field{color:#bebca7}
html[data-design="night"] .category-tabs{gap:5px}
html[data-design="night"] .category-tabs button{background:transparent;border-color:transparent;color:#b4b39f;border-radius:3px}
html[data-design="night"] .category-tabs button.active{background:#d9b16d;color:#272116;border-color:#d9b16d}
html[data-design="night"] .product-card{background:#242b23;border-color:#45503f;border-radius:4px;min-height:182px}
html[data-design="night"] .product-card h3{color:#f2e6cb;font-weight:500}
html[data-design="night"] .product-actions button{background:#343b2d;border-color:#586044;color:#e7dbb8;border-radius:3px}
html[data-design="night"] .product-actions button:hover{background:#444d39}
html[data-design="night"] .order-footer{background:#262d22}
html[data-design="night"] .order-line,html[data-design="night"] td,html[data-design="night"] .rank-row{border-color:#3a4133}
html[data-design="night"] .qty-control button,html[data-design="night"] .move-grid button{background:#343d2e;color:#f0e9dc}
html[data-design="night"] .notice{background:#3a3020;color:#e4c28a}
html[data-design="night"] .bottle-row{background:#2c3327}
html[data-design="night"] th{background:#2a3127;color:#bcbfae}
html[data-design="night"] .admin-tabs .active{background:#d9b16d;color:#211e16;border-color:#d9b16d}
html[data-design="night"] .chart-area{background:repeating-linear-gradient(to top,#1c221e 0,#1c221e 47px,#363e33 48px,#1c221e 49px)}
html[data-design="night"] .chart-col .bar{background:#746b4c}
html[data-design="night"] .chart-col.current .bar{background:#d9b16d}
html[data-design="night"] .rank-row .rank-num{color:#c5af7f}
html[data-design="night"] .modal-backdrop{background:#050904b8}
html[data-design="night"] .modal{background:#242b23;border:1px solid #576047;border-radius:7px}
html[data-design="night"] .modal-close{background:#39412f;color:#d6d7c1}
html[data-design="night"] .lock-art{background:#3e3827;border-color:#716044;color:#e5c485}
html[data-design="night"] .pin-dots span{background:#242b23;border-color:#9f8e64}
html[data-design="night"] .pin-dots span.filled{background:#d9b16d;border-color:#d9b16d}
html[data-design="night"] .pin-keypad button{background:#343d2e;border-color:#525c44;color:#f4e7cb;border-radius:4px}
html[data-design="night"] .pin-keypad button:hover{background:#4a533c}
html[data-design="night"] .choice-row label:has(input:checked){background:#3e3725;border-color:#d9b16d}
html[data-design="night"] .demo-note{color:#b0b4a0}
html[data-design="night"] #toast{background:#e0c08c;color:#231f17}
html[data-design="night"] button:focus-visible,html[data-design="night"] input:focus-visible,html[data-design="night"] select:focus-visible{outline-color:#e3bf7e}
/* Every theme keeps touch controls large enough to operate behind the bar. */
.btn.small,.text-button,.qty-control button,.move-grid button,.modal-close{min-height:44px}
.qty-control button,.modal-close{min-width:44px}
/* Compact A keeps all ten seats visible at 1024×768; B retains the editorial dashboard. */
@media(min-width:681px){
html[data-design="classic"] .page:has(.floor-layout){padding:17px 24px 24px}
html[data-design="classic"] .page:has(.floor-layout) .page-head{margin-bottom:12px;align-items:center}
html[data-design="classic"] .page:has(.floor-layout) .page-head .eyebrow,html[data-design="classic"] .page:has(.floor-layout) .page-head .subtitle{display:none}
html[data-design="classic"] .page:has(.floor-layout) .metric-strip{padding:12px 0;margin-bottom:14px}
html[data-design="classic"] .page:has(.floor-layout) .metric-note{display:none}
html[data-design="classic"] .page:has(.floor-layout) .metric-label{margin-bottom:4px}
html[data-design="classic"] .page:has(.floor-layout) .metric-value{font-size:24px}
html[data-design="classic"] .floor-layout>.panel>.panel-title{padding:12px 18px}
html[data-design="classic"] .floor-layout>.panel>.panel-title .subtitle{display:none}
html[data-design="classic"] .floor-scroll{padding:12px 18px}
html[data-design="classic"] .floor-board{min-height:440px;aspect-ratio:2.55}
html[data-design="classic"] .floor-foot{padding:10px 18px}
html[data-design="classic"] .seat{padding:8px 9px}
html[data-design="classic"] .seat.occupied{padding:8px 9px}
html[data-design="classic"] .seat-top{margin-bottom:4px}
html[data-design="classic"] .seat-price{margin-top:4px}
html[data-design="classic"] .seat-meta{margin-top:3px;font-size:9px}
html[data-design="night"] .page:has(.floor-layout){padding:23px 28px}
html[data-design="night"] .page:has(.floor-layout) .page-head{margin-bottom:20px}
html[data-design="night"] .page:has(.floor-layout) .page-head .subtitle{display:none}
html[data-design="night"] .page:has(.floor-layout) .metric-strip{padding-bottom:20px;margin-bottom:20px}
html[data-design="night"] .page:has(.floor-layout) .floor-board{min-height:460px}
html[data-design="night"] .seat-lines{font-size:11px}
html[data-design="night"] .seat-name{font-size:13px}
html[data-design="night"] .seat-price{font-size:14px}
html[data-design="night"] .seat-meta{font-size:9px;flex-wrap:wrap}
}
@media(max-width:1050px){html[data-design="classic"] .topbar{gap:16px}html[data-design="classic"] .primary-nav button{padding:0 15px}html[data-design="night"] .floor-layout{grid-template-columns:1fr}html[data-design="night"] .side-stack{display:grid;grid-template-columns:1fr 1fr}html[data-design="night"] .side-note{display:none}html[data-design="night"] .page{padding:28px 24px}}
@media(max-width:680px){html[data-design="classic"] .topbar,html[data-design="night"] .topbar{height:auto;padding:12px 16px 0;gap:12px}html[data-design="classic"] .primary-nav button{padding:0 7px;font-size:12px}html[data-design="classic"] .page,html[data-design="night"] .page{padding:23px 16px}html[data-design="classic"] .side-stack,html[data-design="night"] .side-stack{grid-template-columns:1fr}html[data-design="classic"] .side-note{display:none}html[data-design="classic"] .order-layout{grid-template-columns:1fr}html[data-design="classic"] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="classic"] .category-tabs button{padding:10px 13px}html[data-design="classic"] .floor-scroll{padding:14px}html[data-design="classic"] .floor-board,html[data-design="night"] .floor-board{min-height:460px}html[data-design="night"] .metric{padding:0 15px}html[data-design="night"] .metric:first-child{padding-left:15px}html[data-design="night"] .metric-value{font-size:26px}html[data-design="night"] .primary-nav{gap:0}html[data-design="night"] .brand-word{font-size:19px}}