/* theme switch button */
.theme-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-b,rgba(0,0,0,.1));background:var(--glass,#fff);color:var(--text,#111);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.2s;}
.theme-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.theme-btn .ti-moon{display:none;} .theme-btn .ti-sun{display:none;}
html:not([data-theme="dark"]) .theme-btn .ti-moon{display:block;} html[data-theme="dark"] .theme-btn .ti-sun{display:block;}
.theme-fab{position:fixed;top:14px;right:14px;z-index:950;}
.al-screen .theme-fab{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;}

/* plan cards (admin) */
.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:4px;}
.plan-card{text-align:left;border:2px solid var(--border);background:var(--glass);border-radius:16px;padding:12px 13px;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:var(--text);font-family:inherit;transition:.15s;}
.plan-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.plan-card.on{border-color:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.18);}
.pc-name{font-weight:800;font-size:15px;} .pc-price{font-weight:800;font-size:18px;color:var(--green-dark);} .pc-price small{font-size:11px;font-weight:600;color:var(--text2);}
.pc-lvl{align-self:flex-start;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;}
.plan-card.pl-billing .pc-lvl{background:#FEF3C7;color:#92400E;} .plan-card.pl-noqr .pc-lvl{background:#DBEAFE;color:#1E40AF;} .plan-card.pl-full .pc-lvl{background:#DCFCE7;color:#166534;}
.plan-card ul{margin:2px 0 0;padding-left:16px;font-size:12px;color:var(--text2);line-height:1.5;}
.dev-full{color:#B45309;font-weight:800;}

/* ================= DARK MODE ================= */
html[data-theme="dark"]{color-scheme:dark;
  --bg:#0B1220;--white:#111A2C;--text:#E6EDF7;--text2:#94A3B8;--border:rgba(148,163,184,.2);
  --glass:rgba(20,30,50,.78);--glass-b:rgba(148,163,184,.16);--green-light:rgba(34,197,94,.16);--ch-track:#1E2B44;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--gshadow:0 14px 34px -16px rgba(0,0,0,.7);--lav:#6D5BD0;}
html[data-theme="dark"] body{background:radial-gradient(900px 520px at 0% 0%,rgba(22,163,74,.14),transparent 62%),radial-gradient(900px 620px at 100% 100%,rgba(37,99,235,.18),transparent 62%),#0B1220 fixed;color:var(--text);}
html[data-theme="dark"] .zmark{--mk-top:#fff;}
html[data-theme="dark"] .modal,html[data-theme="dark"] .more-panel,html[data-theme="dark"] .sheet{background:#121C30;color:var(--text);}
html[data-theme="dark"] .modal-overlay{background:rgba(0,0,0,.55);}
html[data-theme="dark"] .search-row input,html[data-theme="dark"] .field input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-field input,html[data-theme="dark"] .form-field select,html[data-theme="dark"] .form-field textarea{background:rgba(255,255,255,.06);color:var(--text);border-color:var(--glass-b);}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#64748B;}
html[data-theme="dark"] .form-field input:focus,html[data-theme="dark"] .form-field select:focus,html[data-theme="dark"] .form-field textarea:focus{background:rgba(255,255,255,.1);}
html[data-theme="dark"] .modal-actions button,html[data-theme="dark"] .btn-sm,html[data-theme="dark"] .cat-chip,html[data-theme="dark"] .pay-btn,html[data-theme="dark"] .more-cell,html[data-theme="dark"] .status-pill{background:rgba(255,255,255,.07);color:var(--text);border-color:var(--glass-b);}
html[data-theme="dark"] .btn-sm.green,html[data-theme="dark"] .modal-actions .primary,html[data-theme="dark"] .cat-chip.active{color:#fff;}
html[data-theme="dark"] .btn-sm.danger{color:#FCA5A5;}
html[data-theme="dark"] .pay-btn.active{background:rgba(34,197,94,.18);color:#86EFAC;}
html[data-theme="dark"] .status-pill{color:#86EFAC;} html[data-theme="dark"] .status-pill.off{background:rgba(239,68,68,.15);color:#FCA5A5;} html[data-theme="dark"] .status-pill.warn{background:rgba(245,158,11,.15);color:#FCD34D;}
html[data-theme="dark"] .prod-unavail{background:rgba(11,18,32,.75);}
html[data-theme="dark"] .badge.green{background:rgba(34,197,94,.18);color:#86EFAC;} html[data-theme="dark"] .badge.warn{background:rgba(245,158,11,.18);color:#FCD34D;}
html[data-theme="dark"] .badge.err{background:rgba(239,68,68,.18);color:#FCA5A5;} html[data-theme="dark"] .badge.gray{background:rgba(255,255,255,.08);color:var(--text2);}
html[data-theme="dark"] .badge.blue{background:rgba(59,130,246,.2);color:#93C5FD;}
html[data-theme="dark"] .login-err-box,html[data-theme="dark"] .field-error{background:rgba(239,68,68,.14);color:#FCA5A5;border-color:rgba(248,113,113,.35);}
html[data-theme="dark"] .login-screen{background:radial-gradient(700px 480px at 8% 5%,rgba(37,99,235,.3) 0%,transparent 60%),radial-gradient(700px 500px at 95% 95%,rgba(22,163,74,.25) 0%,transparent 60%),#0B1220;}
html[data-theme="dark"] .login-card{background:rgba(18,28,48,.85);}
html[data-theme="dark"] .lg-brand,html[data-theme="dark"] .lg-brand h2{color:var(--text);} html[data-theme="dark"] .lg-mod span{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .lg-tabs button.on{background:rgba(255,255,255,.12);color:#86EFAC;}
html[data-theme="dark"] .splash,html[data-theme="dark"] .wl{background:linear-gradient(135deg,#0B1220,#10213F);}
html[data-theme="dark"] .nav-item.active{color:#fff;}
html[data-theme="dark"] .ticket,html[data-theme="dark"] .qr-card,html[data-theme="dark"] .qr-tile{background:rgba(255,255,255,.05);}
html[data-theme="dark"] .qr-tile{background:#fff;color:#111;}   /* QR codes must stay black on white to scan */
html[data-theme="dark"] .kds-col{background:rgba(255,255,255,.04);}
html[data-theme="dark"] .dl.flat,html[data-theme="dark"] .hb-rank{background:rgba(255,255,255,.08);color:var(--text2);}
html[data-theme="dark"] .dl.up{background:rgba(34,197,94,.18);color:#86EFAC;} html[data-theme="dark"] .dl.down{background:rgba(239,68,68,.18);color:#FCA5A5;}
html[data-theme="dark"] table th{color:var(--text2);} html[data-theme="dark"] tr{border-color:var(--glass-b);}
html[data-theme="dark"] .rc-paper .rc,html[data-theme="dark"] .rc{background:#fff;color:#111;}   /* receipts stay paper-white */
html[data-theme="dark"] .inv-opt{background:rgba(255,255,255,.05);border-color:var(--glass-b);} html[data-theme="dark"] .inv-opt-row span small{color:var(--text2);}
html[data-theme="dark"] .acc-billing{background:rgba(245,158,11,.18);color:#FCD34D;} html[data-theme="dark"] .acc-noqr{background:rgba(59,130,246,.2);color:#93C5FD;} html[data-theme="dark"] .acc-full{background:rgba(34,197,94,.18);color:#86EFAC;}
html[data-theme="dark"] .plan-card .pc-price{color:#86EFAC;}
html[data-theme="dark"] .toast,html[data-theme="dark"] .mobile-cart-bar{background:#1B2A47;}
html[data-theme="dark"] .al-card .theme-btn{color:#fff;}
@media(max-width:880px){html[data-theme="dark"] .bn-item.active{color:#fff;}}