/* TEZBILL — independent visual system for the second POS edition */
:root{
  color-scheme:light;
  --bg:#e7ebf9;--paper:#fffefa;--ink:#101742;--muted:#636b8e;--line:#cef3e2;
  --acc:#111843;--acc2:#126643;--gold:#fa813b;--gold2:#ffa852;--red:#e61935;--ok:#1b9663;
  --serif:'Plus Jakarta Sans','Manrope',Arial,sans-serif;--sans:'Manrope','DM Sans',Arial,sans-serif;
  --surface-raised:#fffefa;--surface-soft:#eff1fb;--border-strong:#c5f1dc;
  --shadow-soft:0 12px 34px rgba(16,23,65,.055);--shadow-card:0 3px 14px rgba(16,23,65,.035);
}
html[data-theme="dark"]{
  color-scheme:dark;--bg:#090d24;--paper:#0d1234;--ink:#e5f9f0;--muted:#8f9bc9;--line:#161f5a;
  --acc:#ff9428;--acc2:#ffa852;--gold:#ff9b37;--gold2:#ffa852;--red:#f18392;--ok:#6de5b3;
  --surface-raised:#0d1234;--surface-soft:#0f163e;--border-strong:#136e48;
  --shadow-soft:0 14px 38px rgba(0,0,0,.16);--shadow-card:0 4px 18px rgba(0,0,0,.1);
}
*{scrollbar-color:#96ecc8 transparent;scrollbar-width:thin}
html,body{min-height:100%;background:var(--bg)!important;color:var(--ink);font-family:var(--sans)}
body{letter-spacing:0;transition:background-color .2s ease,color .2s ease}
a{color:inherit}
/* Left navigation */
.tb-sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:26px 17px 16px;background:#111843;color:#e8f9f1;z-index:30;display:flex;flex-direction:column;box-shadow:10px 0 32px rgba(13,18,53,.08);border-right:1px solid rgba(255,255,255,.07);overflow-y:auto}
.tb-brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0 10px 27px;border-bottom:1px solid rgba(225,247,237,.15)}
.brand-monogram{width:43px;height:43px;display:grid;place-items:center;position:relative;border:1px solid rgba(255,168,82,.7);border-radius:15px 15px 15px 4px;font:700 28px/1 var(--serif);color:#ffa852;background:rgba(255,255,255,.04);transform:rotate(-2deg)}
.brand-monogram span{color:#ff9b37}
.brand-wordmark{display:grid;gap:2px}.brand-wordmark b{font:600 31px/.88 var(--serif);letter-spacing:-.025em;color:#fff0e5}.brand-wordmark small{font:800 8px var(--sans);letter-spacing:.22em;color:#81e9be}
.sidebar-caption,.nav-group-label{font:800 9px var(--sans);letter-spacing:.19em;color:#4adfa1}
.sidebar-caption{padding:25px 11px 12px}
.tb-nav{display:flex;flex-direction:column;gap:4px}
.nav-group-label{padding:19px 12px 5px}.nav-group-label:first-child{padding-top:6px}
.tb-nav-link{min-height:44px;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;text-decoration:none;color:#adf0d4;font-size:12px;font-weight:650;transition:background .18s,color .18s,transform .18s;position:relative}
.tb-nav-link:hover{background:rgba(255,255,255,.075);color:#ffffff;transform:translateX(2px)}
.tb-nav-link.active{background:#e3e7f8;color:#111843;box-shadow:0 5px 16px rgba(0,0,0,.09)}
.nav-glyph{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:8px;font:700 17px var(--serif);color:#ffa040;background:rgba(255,255,255,.07)}
.tb-nav-link.active .nav-glyph{background:#ffa852;color:#ea5906}.nav-live-dot{width:6px;height:6px;background:#ff9e3d;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px rgba(255,158,61,.13)}
.sidebar-bottom-card{margin-top:auto;padding:16px 15px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);display:grid;gap:6px}
.sidebar-flower{color:#ff9e3d;font-size:23px}.sidebar-bottom-card b{font:600 17px/1.1 var(--serif);color:#fff0e5}.sidebar-bottom-card small{font-size:10px;line-height:1.6;color:#7fe8bd}
.sidebar-user{display:flex;align-items:center;gap:10px;padding:17px 5px 2px;margin-top:14px;border-top:1px solid rgba(225,247,237,.15)}
.avatar-initial{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffa852;color:#151e56;font-weight:800;font-size:12px;flex:0 0 34px}
.sidebar-user-copy{display:grid;gap:2px;min-width:0;flex:1}.sidebar-user-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eaedfa}.sidebar-user-copy small{font-size:10px;color:#6fe6b4}.sidebar-user>a{color:#86eac0;text-decoration:none;font-size:18px;padding:5px 8px;border-radius:7px}.sidebar-user>a:hover{background:rgba(255,255,255,.09);color:white}
/* Topbar / workspace */
.tb-topbar{position:fixed;z-index:20;top:0;left:254px;right:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 34px;background:rgba(255,254,250,.91);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.topbar-page{display:grid;gap:3px}.topbar-crumb{font-size:8px;font-weight:800;letter-spacing:.2em;color:#7f87a6}.topbar-crumb i{font-style:normal;color:#ff8d1a;padding:0 5px}.topbar-page>strong{font:600 23px/1.1 var(--serif);color:var(--ink)}
.topbar-actions{display:flex;align-items:center;gap:9px}.today-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:10px;font-weight:750;color:var(--muted);white-space:nowrap}.today-dot{width:6px;height:6px;border-radius:50%;background:#30da93;box-shadow:0 0 0 4px rgba(48,218,147,.12)}
.command-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 11px;border-radius:9px;font:600 10px var(--sans);cursor:pointer;white-space:nowrap}.command-trigger>span{font-size:18px;color:var(--gold)}kbd{font:700 9px var(--sans);padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);color:var(--muted)}.command-trigger:hover{border-color:var(--gold);color:var(--ink)}
.theme-toggle{display:inline-flex!important;align-items:center;gap:8px;min-height:37px;padding:8px 11px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface-soft)!important;color:var(--ink)!important;font:700 10px var(--sans)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border .18s}
.theme-toggle:hover{border-color:var(--gold)!important;background:var(--paper)!important}.theme-toggle-icon{font-size:15px;color:var(--gold)}
.tb-guestbar{height:78px;padding:12px 5vw;display:flex;align-items:center;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}.tb-guestbar .tb-brand{border:0;padding:0;margin-right:auto}.tb-guestbar .brand-monogram{background:#111843}.guest-caption{font:italic 17px var(--serif);color:var(--muted)}
/* Page canvas */
.wrap{max-width:none!important;width:auto;margin:0 0 0 254px!important;padding:112px 36px 42px!important}
.wrap h1{font:600 42px/1.05 var(--serif);letter-spacing:-.025em;color:var(--ink);margin-bottom:17px}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.pagehead h1{margin:4px 0 8px}.pagehead p{font-size:12px;line-height:1.7;max-width:680px;color:var(--muted)}
.eyebrow,.section-kicker,.sidebar-caption{font-family:var(--sans)}.eyebrow{font-size:9px!important;font-weight:800!important;letter-spacing:.19em!important;color:#f96a17!important}
/* Forms, actions, tables */
input,select,textarea{border:1px solid var(--line)!important;border-radius:9px!important;background:var(--paper)!important;color:var(--ink)!important;padding:12px 13px!important;font:500 12px var(--sans)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#f87c00!important;box-shadow:0 0 0 3px rgba(250,129,59,.12)!important}
input::placeholder,textarea::placeholder{color:#7f8dc2!important}
.btn,button.btn{border-radius:9px!important;padding:11px 16px!important;background:#2447ff!important;border:1px solid #2447ff!important;color:#fffaf0!important;font:800 10px var(--sans)!important;letter-spacing:.075em!important;box-shadow:0 4px 10px rgba(17,24,67,.08);transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover,button.btn:hover{background:#126643!important;transform:translateY(-1px);box-shadow:0 8px 16px rgba(17,24,67,.13)}.btn.gh,.btn.ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none}.btn.gh:hover,.btn.ghost:hover{background:var(--surface-soft)!important;border-color:#91ecc6!important}.btn.big{background:#fa813b!important;border-color:#fa813b!important;color:#fffaf3!important}.btn.big:hover{background:#f9650f!important}
.cards{gap:16px}.card,.panel,.metric-card,.report-kpis article,.form2,.filterbar,.expense-breakdown,.report-chart-panel,.report-table-panel,.login,.mb{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-card)!important}
.card{padding:23px!important}.card small{font-size:10px;letter-spacing:.04em;color:var(--muted)}.card>b{font:600 30px var(--serif)!important;color:var(--ink)!important}
.panel{padding:23px!important}.panel-head h2,.two h1,.report-title-row h2{font:600 27px/1.1 var(--serif)!important;color:var(--ink)!important}.panel-head p{color:var(--muted)!important;font-size:11px}
table{border-collapse:separate!important;border-spacing:0!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:13px!important;overflow:hidden!important;color:var(--ink)!important}th{background:#e1f7ed!important;color:#1ca16a!important;font-size:9px!important;letter-spacing:.11em!important;border-color:var(--line)!important}td{font-size:11px!important;border-color:var(--line)!important;color:var(--ink)!important}tr:hover td{background:rgba(207,243,226,.24)!important}.tablewrap{border-radius:13px;overflow:auto}
.pill,.state-pill{border-radius:999px!important;padding:5px 9px!important}.state-good{background:#ddf6ea!important;color:#15764e!important}.state-danger{background:#fce0e3!important;color:#c4162d!important}
/* Terminal: spacious, colourful sales terminal */
.pos{margin:78px 0 0 254px!important;height:calc(100vh - 78px)!important;min-height:calc(100vh - 78px)!important;grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important;background:var(--bg)}
.pos .left{padding:25px 27px!important}.pos .right{background:var(--paper)!important;border-left:1px solid var(--line)!important;box-shadow:-10px 0 35px rgba(16,23,65,.035)!important}.rh,.sum{background:var(--surface-soft)!important;border-color:var(--line)!important}.rh{padding:22px!important}.rh b{font:600 28px var(--serif)!important;color:var(--ink)!important}.rh span{border-radius:999px!important;color:var(--muted)!important;border-color:var(--line)!important}.cart{padding:8px 22px!important}.li{border-color:var(--line)!important}.li b{font:600 17px var(--serif)!important}.qty button,.quick button,.meth button{border-radius:8px!important;border-color:var(--line)!important;background:var(--paper)!important;color:var(--ink)!important}.meth .on,.chips .on{background:#111843!important;border-color:#111843!important;color:#fff0e5!important}.sum{padding:17px 22px 20px!important}.ln.t{font:600 27px var(--serif)!important;border-color:var(--line)!important}.ln.t b{font:700 29px var(--serif)!important;color:#f97427!important}.pt{border-radius:13px!important;border-color:var(--line)!important;background:var(--paper)!important;padding:10px 10px 14px!important;box-shadow:0 3px 13px rgba(16,23,65,.025)!important}.pt:hover:not(:disabled){border-color:#ff860c!important;box-shadow:0 12px 26px rgba(16,23,65,.09)!important;transform:translateY(-3px)}.pt img,.pt .ph{border-radius:9px!important}.pt b{font:600 18px/1.1 var(--serif)!important;color:var(--ink)!important}.pt span{color:var(--muted)!important}.pt i{font-size:9px!important;letter-spacing:.08em}.bar input{border-radius:10px!important}.chips button{border-radius:999px!important;border-color:var(--line)!important;color:var(--muted)!important}.chips .on{color:#ffffff!important}.loyalty-note{border-radius:10px!important}
/* Dashboard: distinctive botanical/copper visual identity */
.dash-wrap .dash-hero{background:linear-gradient(120deg,#111843 0%,#126643 70%,#198b5c 100%)!important;border:0!important;border-radius:19px!important;padding:31px!important;box-shadow:0 14px 35px rgba(17,24,67,.12)!important;overflow:hidden;position:relative}
.dash-wrap .dash-hero:after{content:'✳';position:absolute;right:9%;top:-48px;font:250px/1 var(--serif);color:rgba(255,168,82,.07);pointer-events:none}
.dash-wrap .dash-hero h1{color:#fff0e5!important;font:600 45px/1.04 var(--serif)!important;max-width:700px}.dash-wrap .dash-hero p{color:#adf1d5!important;font-size:12px}.dash-wrap .dash-hero .eyebrow,.dash-wrap .dash-hero .hero-meta{color:#ffa852!important}.dash-wrap .dash-hero .btn{background:#ffa449!important;border-color:#ffa449!important;color:#131a4b!important}
.section-kicker{font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important;color:#757d9f!important}.metric-grid{gap:14px!important}.metric-card{border-radius:15px!important;padding:21px!important;box-shadow:var(--shadow-card)!important}.metric-card.metric-featured{background:#dcf6ea!important;border-color:#c3f0db!important}.metric-card>strong{font:700 31px var(--serif)!important;color:#111843!important}.metric-top>span:first-child{font-size:10px!important;font-weight:750!important;color:#646d90!important}.metric-icon{background:#fff0e5!important;color:#f97427!important;border-radius:10px!important}.metric-tag{background:#fff0e5!important;color:#ee5b06!important;border-radius:999px!important}.metric-bottom,.metric-foot{color:var(--muted)!important}.panel{border-radius:16px!important}.line-chart-wrap{border-radius:12px}.health-list>div{border-color:var(--line)!important}.health-symbol{background:#ddf7eb!important;color:#1a9562!important;border-radius:9px!important}.rank-row{border-color:var(--line)!important}.rank-number{background:#ddf6ea!important;color:#1a9562!important;border-radius:8px!important}.rank-bar{background:#def7eb!important;border-radius:99px!important;overflow:hidden}.rank-bar i{background:linear-gradient(90deg,#42de9d,#ff8b16)!important;border-radius:99px!important}.stock-alert-panel{border-radius:13px!important;background:#fff0e5!important;border-color:#ffa852!important}
/* Login */
.tb-guest{background:radial-gradient(ellipse at 85% 20%,rgba(255,130,5,.12),transparent 32%),radial-gradient(ellipse at 10% 90%,rgba(31,177,116,.12),transparent 35%),var(--bg)!important}.tb-guest .login{max-width:460px!important;margin:65px auto 90px!important;padding:38px!important;border-radius:20px!important;gap:16px!important;box-shadow:0 22px 65px rgba(17,24,67,.09)!important}.tb-guest .login h1{font:600 39px/1.02 var(--serif)!important;color:var(--ink)!important}.tb-guest .login .btn{width:100%;min-height:45px}.tb-guest .login:before{content:'✳  TEZBILL';font:800 9px var(--sans);letter-spacing:.2em;color:#f97427;margin-bottom:3px}
/* Command palette */
.command-overlay{position:fixed;inset:0;z-index:100;background:rgba(8,11,31,.55);backdrop-filter:blur(7px);display:grid;place-items:start center;padding:14vh 20px 20px}.command-overlay[hidden]{display:none}.command-dialog{width:min(560px,100%);border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.25);overflow:hidden}.command-search-row{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.command-search-row>span{font-size:23px;color:var(--gold)}.command-search-row input{border:0!important;box-shadow:none!important;background:transparent!important;padding:6px 0!important;font-size:14px!important}.command-search-row kbd{white-space:nowrap}.command-hint{padding:13px 18px 6px;font-size:8px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.command-results{padding:5px 9px 10px;max-height:330px;overflow:auto}.command-result{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--ink);padding:11px 10px;border-radius:9px;cursor:pointer;font:650 12px var(--sans)}.command-result .command-glyph{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--gold);font-size:18px}.command-result small{margin-left:auto;color:var(--muted);font-size:9px}.command-result:hover,.command-result.selected{background:rgba(255,130,5,.12)}.command-footer{display:flex;justify-content:space-between;padding:10px 18px;background:var(--surface-soft);border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
/* Dark mode coverage across all modules */
html[data-theme="dark"] body,html[data-theme="dark"] .wrap,html[data-theme="dark"] .pos{background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] label,html[data-theme="dark"] legend{color:var(--ink)}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] .muted,html[data-theme="dark"] .note,html[data-theme="dark"] .metric-bottom,html[data-theme="dark"] .metric-foot{color:var(--muted)}
html[data-theme="dark"] .tb-topbar,html[data-theme="dark"] .tb-guestbar{background:rgba(13,18,52,.94)!important;border-color:var(--line)!important}
html[data-theme="dark"] .tb-sidebar{background:#090d25!important;border-color:#131b4e!important}
html[data-theme="dark"] .tb-nav-link.active{background:#d1f4e4!important;color:#111843!important}
html[data-theme="dark"] .tb-nav-link.active .nav-glyph{background:#aff1d5!important;color:#161f59!important}
html[data-theme="dark"] .command-trigger,html[data-theme="dark"] .today-pill,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] kbd{background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .command-trigger:hover,html[data-theme="dark"] .theme-toggle:hover{background:#141b4e!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .report-kpis article,html[data-theme="dark"] .form2,html[data-theme="dark"] .filterbar,html[data-theme="dark"] .period-chip,html[data-theme="dark"] .login,html[data-theme="dark"] .mb,html[data-theme="dark"] .expense-breakdown,html[data-theme="dark"] .report-chart-panel,html[data-theme="dark"] .report-table-panel{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:var(--shadow-card)!important}
html[data-theme="dark"] .metric-card.metric-featured{background:#121947!important;border-color:#15774e!important}
html[data-theme="dark"] .metric-card>strong{color:#e7ebf9!important}
html[data-theme="dark"] .metric-icon,html[data-theme="dark"] .metric-tag{background:#161d4c!important;color:#ffa852!important}
html[data-theme="dark"] .rh,html[data-theme="dark"] .sum,html[data-theme="dark"] .right,html[data-theme="dark"] .tablewrap,html[data-theme="dark"] .report-table-foot{background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .pt,html[data-theme="dark"] .product-cell,html[data-theme="dark"] .image-placeholder{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .pt span,html[data-theme="dark"] .pt i,html[data-theme="dark"] .product-cell small{color:var(--muted)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b0f2a!important;color:#e5f9f0!important;border-color:#136c47!important;color-scheme:dark}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7981a2!important}
html[data-theme="dark"] .btn:not(.gh),html[data-theme="dark"] button.btn:not(.gh){background:#ff9a35!important;color:#10163f!important;border-color:#ff9a35!important}
html[data-theme="dark"] .btn.gh,html[data-theme="dark"] .btn.ghost{background:transparent!important;color:#ccf2e0!important;border-color:#15774e!important}
html[data-theme="dark"] .btn.gh:hover,html[data-theme="dark"] .btn.ghost:hover{background:#131b4d!important}
html[data-theme="dark"] table{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] th{background:#141c4f!important;color:#b2f1d7!important;border-color:var(--line)!important}
html[data-theme="dark"] td{color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] tr:hover td{background:#111845!important}
html[data-theme="dark"] .pill,html[data-theme="dark"] .state-pill{background:#131b4d!important;color:#cbf2e0!important;border-color:#167b51!important}
html[data-theme="dark"] .state-good{background:#121949!important;color:#95ecc8!important}html[data-theme="dark"] .state-danger{background:#192157!important;color:#ffb5bf!important}
html[data-theme="dark"] .dash-wrap .dash-hero{background:linear-gradient(120deg,#0c112f 0%,#121948 70%,#126744 100%)!important;border-color:#136b46!important}
html[data-theme="dark"] .dash-wrap .dash-hero h1{color:#fff0e5!important}.dash-wrap .dash-hero p{color:#adf1d5!important}
html[data-theme="dark"] .health-symbol,html[data-theme="dark"] .rank-number{background:#141c4f!important;color:#a1eece!important}
html[data-theme="dark"] .rank-bar{background:#151e56!important}.rank-bar i{background:linear-gradient(90deg,#42de9d,#ff8b16)!important}
html[data-theme="dark"] .stock-alert-panel{background:#151b47!important;border-color:#9a1123!important}
html[data-theme="dark"] .chips button,html[data-theme="dark"] .qty button,html[data-theme="dark"] .quick button,html[data-theme="dark"] .meth button{background:#0f153d!important;color:#d1f4e4!important;border-color:#136c47!important}
html[data-theme="dark"] .chips .on,html[data-theme="dark"] .meth .on{background:#ff9a35!important;color:#10163f!important;border-color:#ff9a35!important}
html[data-theme="dark"] .donut:before{background:var(--paper)!important}
html[data-theme="dark"] .command-dialog{background:var(--paper)!important;border-color:var(--line)!important}
html[data-theme="dark"] .command-result{color:var(--ink)}html[data-theme="dark"] .command-result:hover,html[data-theme="dark"] .command-result.selected{background:#151e56}
html[data-theme="dark"] .command-footer{background:#0b102e;border-color:var(--line)}
html[data-theme="dark"] .tb-guest{background:radial-gradient(ellipse at 85% 20%,rgba(255,130,5,.09),transparent 32%),var(--bg)!important}
html[data-theme="dark"] .tb-guest .login:before{color:#ff9b37}
@media(max-width:1180px){.tb-sidebar{width:226px;padding-left:13px;padding-right:13px}.tb-topbar{left:226px;padding:12px 22px}.wrap{margin-left:226px!important;padding-left:24px!important;padding-right:24px!important}.pos{margin-left:226px!important;grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important}.command-trigger{font-size:0;gap:4px}.command-trigger>span{font-size:19px}.command-trigger kbd{font-size:8px}}
@media(max-width:850px){.tb-sidebar{position:relative;inset:auto;width:100%;height:auto;padding:12px 14px 10px;overflow:visible;box-shadow:none}.tb-brand{padding:0 5px 12px;border-bottom:0}.brand-monogram{width:36px;height:36px;font-size:23px;border-radius:12px 12px 12px 3px}.brand-wordmark b{font-size:26px}.sidebar-caption,.nav-group-label,.sidebar-bottom-card,.sidebar-user{display:none}.tb-nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;padding:3px 0 1px;scrollbar-width:thin}.tb-nav-link{flex:0 0 auto;min-height:37px;padding:7px 10px;gap:7px;border:1px solid rgba(255,255,255,.12);font-size:10px}.nav-glyph{width:21px;height:21px;flex-basis:21px;font-size:14px}.tb-topbar{position:relative;left:auto;right:auto;min-height:68px;padding:11px 16px}.topbar-page>strong{font-size:20px}.today-pill{display:none}.wrap{margin:0!important;padding:25px 16px 35px!important}.wrap h1{font-size:36px}.pos{margin:0!important;height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important}.pos .left{padding:20px 16px!important}.pos .right{min-height:650px;border-top:1px solid var(--line)}.pagehead{align-items:flex-start;flex-direction:column}.dash-wrap .dash-hero h1{font-size:36px!important}.topbar-actions{gap:6px}.theme-toggle{padding:8px!important}.theme-toggle-label{display:inline}.command-trigger{font-size:0;padding:8px}.command-trigger kbd{display:none}}
@media(max-width:520px){.tb-guestbar{padding:10px 14px;height:auto;min-height:66px;gap:8px}.guest-caption{display:none}.tb-guest .login{margin:32px 14px 60px!important;padding:25px!important}.tb-guest .login h1{font-size:34px!important}.topbar-page>strong{font-size:18px}.topbar-crumb{font-size:7px}.topbar-actions{gap:5px}.theme-toggle-label{display:none}.wrap h1{font-size:32px}.dash-wrap .dash-hero{padding:23px!important}.dash-wrap .dash-hero h1{font-size:32px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card{padding:16px!important}.card>b{font-size:23px!important}.pos .left{padding:15px 11px!important}.pg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.pt{padding:7px 7px 11px!important}.pt b{font-size:16px!important}.pos .right{min-height:620px}.form2{grid-template-columns:1fr!important}.command-overlay{padding:8vh 10px 10px}.command-trigger>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
/* Additional coordinated TezBill controls */
.customer-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0}
.walkin-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.walkin-option input{width:auto;accent-color:var(--gold)}
.customer-fields input:disabled{opacity:.55;cursor:not-allowed}
@media print{.tb-sidebar,.tb-topbar,.filterbar,.btn,.command-overlay{display:none!important}.wrap{max-width:none;padding:0}.card,.panel{box-shadow:none;break-inside:avoid}}

/* Checkout redesign: keep the cart compact and split checkout into clear steps */
.pos .right{min-height:0!important;overflow:hidden}
.pos .right .sidebar-summary{display:grid!important;gap:13px!important;padding:18px 22px 22px!important;flex:0 0 auto!important}
.side-summary-label{font-size:9px;font-weight:850;letter-spacing:.19em;color:var(--muted)}
.side-summary-note{font-size:10px;line-height:1.6;color:var(--muted);margin:0}
#openCheckout{width:100%;min-height:46px;font-size:11px!important}
#openCheckout:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.checkout-modal{padding:22px;overflow:auto;align-items:center;justify-items:center}
.checkout-dialog{width:min(760px,100%);height:min(790px,calc(100vh - 44px));max-height:calc(100vh - 44px);overflow:hidden;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 100px rgba(0,0,0,.3);text-align:left;display:flex;flex-direction:column}
.checkout-head{display:flex;justify-content:space-between;gap:18px;padding:25px 28px 20px;border-bottom:1px solid var(--line)}
.checkout-head h2{font:600 31px/1.05 var(--serif);margin:6px 0;color:var(--ink)}
.checkout-head p{margin:0;color:var(--muted);font-size:11px}
.checkout-close{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);color:var(--ink);font-size:24px;cursor:pointer}
.checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:17px 28px;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.checkout-step{display:flex;align-items:center;gap:10px;min-width:0;opacity:.55}
.checkout-step>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--paper);border:1px solid var(--line);font-size:10px;font-weight:850;color:var(--muted)}
.checkout-step>div{display:grid;gap:3px;min-width:0}.checkout-step b{font-size:11px;color:var(--ink)}.checkout-step small{font-size:9px;color:var(--muted)}
.checkout-step.active,.checkout-step.complete{opacity:1}.checkout-step.active>span,.checkout-step.complete>span{background:var(--acc);border-color:var(--acc);color:#fff0e5}
.checkout-body{padding:25px 28px 28px;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
.checkout-stage[hidden]{display:none!important}.checkout-stage{display:block}.stage-title{margin-bottom:22px}.stage-title>span{font-size:9px;font-weight:850;letter-spacing:.17em;color:var(--gold)}.stage-title h3{font:600 25px/1.1 var(--serif);margin:7px 0;color:var(--ink)}.stage-title p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:560px}
.checkout-stage .customer-tools{margin:0 0 16px}.checkout-stage .customer-fields{grid-template-columns:1fr 1fr;gap:14px}.checkout-stage .address-field{grid-column:1/-1}.checkout-stage .customer-fields label{font-size:10px;letter-spacing:.035em;text-transform:none;color:var(--ink)}.checkout-stage .customer-fields small{font-size:9px;line-height:1.5;color:var(--muted);text-transform:none;letter-spacing:0}.checkout-stage .customer-fields input{margin-top:3px}.checkout-adjustments{grid-template-columns:minmax(0,1fr) 105px 105px;gap:12px;margin-bottom:22px}.checkout-adjustments label{font-size:10px;color:var(--muted);display:grid;gap:7px}.checkout-adjustments input,.checkout-adjustments select{min-width:0;width:100%;box-sizing:border-box}.checkout-field-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.checkout-stage .meth{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}.checkout-stage .meth button{min-height:42px;padding:9px!important;font-size:9px!important;letter-spacing:.03em!important}.checkout-stage #cashbox{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.amount-label{display:grid;gap:7px;font-size:10px;font-weight:750;color:var(--muted)}.checkout-stage #cashbox .quick{margin:10px 0}.checkout-stage #cashbox .quick button{border-radius:8px;padding:8px 12px}.payment-due-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin:0 0 20px;border:1px solid var(--gold);border-radius:13px;background:linear-gradient(115deg,var(--surface-soft),var(--paper))}.payment-due-card div{display:grid;gap:5px}.payment-due-card span{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--muted)}.payment-due-card small{font-size:10px;color:var(--muted)}.payment-due-card strong{font:600 27px/1 var(--serif);color:var(--copper);white-space:nowrap}html[data-theme="dark"] .payment-due-card{background:#111846;border-color:#ff8001}html[data-theme="dark"] .payment-due-card strong{color:#ff9b36}
.review-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface-soft);display:grid;gap:13px}.review-card .ln{font-size:12px}.review-card .ln.t{margin-top:4px;padding-top:15px}.review-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.review-note{font-size:10px;line-height:1.7;color:var(--muted);margin:16px 0}.checkout-stage #pay{width:100%;min-height:47px;font-size:11px!important}.checkout-footer{position:relative;z-index:2;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 28px;border-top:1px solid var(--line);background:var(--surface-soft);border-radius:0 0 20px 20px}.checkout-footer>div{display:flex;gap:8px}.checkout-footer button[hidden]{display:none!important}
html[data-theme="dark"] .checkout-dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .checkout-steps,html[data-theme="dark"] .checkout-footer,html[data-theme="dark"] .review-card,html[data-theme="dark"] .checkout-stage #cashbox{background:var(--surface-soft);border-color:var(--line)}html[data-theme="dark"] .checkout-close{background:#111846;color:var(--ink);border-color:var(--line)}
@media(max-width:850px){.pos .right{min-height:400px!important}.checkout-modal{padding:10px}.checkout-dialog{height:calc(100vh - 20px);max-height:calc(100vh - 20px);border-radius:15px}.checkout-head,.checkout-body{padding:20px}.checkout-steps{padding:13px 20px;gap:5px}.checkout-step{gap:6px}.checkout-step small{display:none}.checkout-footer{padding:13px 20px}.checkout-stage .customer-fields{grid-template-columns:1fr}.checkout-stage .address-field{grid-column:auto}}
@media(max-width:480px){.payment-due-card{padding:13px}.payment-due-card strong{font-size:23px}.checkout-step>span{width:28px;height:28px;flex-basis:28px}.checkout-step b{font-size:9px}.checkout-head h2{font-size:27px}.checkout-adjustments{grid-template-columns:1fr 85px 85px;gap:7px}.checkout-stage .meth{grid-template-columns:repeat(2,minmax(0,1fr))!important}.checkout-footer .btn{padding:10px 12px!important}}

/* Refinement: high-contrast loyalty status and unmistakable stock alerts */
.loyalty-note.loyal{
  display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 14px!important;border:1px solid #9eeecd!important;
  border-left:4px solid #188a5a!important;border-radius:10px!important;
  background:#e3f8ee!important;color:#161f5a!important;
  font-size:11px!important;font-weight:700!important;line-height:1.5!important;
  letter-spacing:.015em!important;box-shadow:0 3px 10px rgba(22,31,90,.06)!important;
}
.loyalty-note.reward{
  padding:12px 14px!important;border:1px solid #ffa143!important;
  border-left:4px solid #f65e06!important;border-radius:10px!important;
  background:#fff0e5!important;color:#a13e04!important;
  font-size:11px!important;font-weight:750!important;line-height:1.5!important;
}
/* Make low-stock rows visible across the entire Stock Overview table. */
.tablewrap table tbody tr.stock-low td{
  background:#fff0e5!important;color:#9e3c04!important;
  border-top:1px solid #ffa852!important;border-bottom:1px solid #ffa852!important;
}
.tablewrap table tbody tr.stock-low td:first-child{border-left:4px solid #f97021!important}
.tablewrap table tbody tr.stock-low td strong{color:#c54b05!important;font-weight:800!important}
.tablewrap table tbody tr.stock-low .pill{
  display:inline-flex!important;align-items:center;background:#ffa852!important;
  color:#9e3c04!important;border:1px solid #ff9c39!important;font-weight:800!important;
}
.tablewrap table tbody tr.stock-out td{
  background:#fde6e9!important;color:#9e1124!important;
  border-top:1px solid #f6adb7!important;border-bottom:1px solid #f6adb7!important;
}
.tablewrap table tbody tr.stock-out td:first-child{border-left:4px solid #dc1832!important}
.tablewrap table tbody tr.stock-out td strong{color:#b5142a!important;font-weight:800!important}
.tablewrap table tbody tr.stock-out .pill{
  display:inline-flex!important;background:#f8c4cb!important;color:#9d1124!important;
  border:1px solid #f3919e!important;font-weight:800!important;
}
.tablewrap table tbody tr.stock-low:hover td{background:#fff0e5!important}
.tablewrap table tbody tr.stock-out:hover td{background:#fbd7dc!important}
@media print{
 .tablewrap table tbody tr.stock-low td{background:#fff0e5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .tablewrap table tbody tr.stock-out td{background:#fde6e9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Dark-theme contrast fix for loyalty and stock indicators */
html[data-theme="dark"] .loyalty-table tr.loyal-customer td{background:#121949!important;color:#e1e5f7!important;border-top:1px solid #1ea76e!important;border-bottom:1px solid #1ea76e!important}
html[data-theme="dark"] .loyalty-table tr.loyal-customer td:first-child{border-left:4px solid #56e1a7!important}
html[data-theme="dark"] .loyalty-table tr.reward-customer td{background:#151c4a!important;color:#fff0e5!important;border-top:1px solid #c94d05!important;border-bottom:1px solid #c94d05!important}
html[data-theme="dark"] .loyal-status{color:#acf0d4!important}html[data-theme="dark"] .reward-status{color:#ffa852!important}
html[data-theme="dark"] .loyal-tag{background:#188859!important;color:#f4fff5!important;border:1px solid #3bdc99!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-low td{background:#141b46!important;color:#ffa852!important;border-top:1px solid #c04905!important;border-bottom:1px solid #c04905!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-low td:first-child{border-left:4px solid #ff8409!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-low td strong{color:#ffa852!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-low .pill{background:#1d2664!important;color:#ffa852!important;border:1px solid #f9610a!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-out td{background:#161e4e!important;color:#ffd4da!important;border-top:1px solid #b6142a!important;border-bottom:1px solid #b6142a!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-out td:first-child{border-left:4px solid #ef7081!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-out td strong{color:#ffa3af!important}
html[data-theme="dark"] .tablewrap table tbody tr.stock-out .pill{background:#212b70!important;color:#ffd4da!important;border:1px solid #e41934!important}


/* Spacious workspace with an on-demand navigation drawer */
.topbar-page{display:flex;align-items:center;gap:15px;min-width:0}
.topbar-title-copy{display:grid;gap:3px;min-width:0}
.nav-toggle{width:39px;height:39px;flex:0 0 39px;display:grid;align-content:center;justify-content:center;gap:5px;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-soft)!important;color:var(--ink)!important;padding:9px!important;cursor:pointer;box-shadow:none!important}
.nav-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle:hover{border-color:var(--gold)!important}
.tb-nav-scrim{position:fixed;inset:0;background:rgba(4,5,15,.52);backdrop-filter:blur(2px);z-index:39}
.tb-nav-scrim[hidden]{display:none!important}
.tb-sidebar{z-index:40;transition:transform .24s ease,box-shadow .24s ease}
body.nav-collapsed .tb-sidebar{transform:translateX(-105%);box-shadow:none}
body.nav-collapsed .tb-topbar{left:0!important}
body.nav-collapsed .wrap{margin-left:0!important}
body.nav-collapsed .pos{margin-left:0!important}
body.nav-open .tb-sidebar{transform:translateX(0);box-shadow:15px 0 48px rgba(0,0,0,.25)}
body.nav-open .tb-nav-scrim{display:block}
html[data-theme="dark"] .nav-toggle{background:#0f163e!important;color:#e5f9f0!important;border-color:#136e48!important}
@media(max-width:850px){.tb-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(300px,86vw)!important;height:100dvh!important;padding:22px 16px!important;overflow-y:auto!important;transform:translateX(-105%)}body.nav-open .tb-sidebar{transform:translateX(0)}.tb-brand{padding:0 6px 20px!important;border-bottom:1px solid rgba(225,247,237,.15)!important}.sidebar-caption,.nav-group-label,.sidebar-user{display:block!important}.sidebar-bottom-card{display:grid!important}.tb-nav{display:flex!important;flex-direction:column!important;overflow:visible!important}.tb-nav-link{flex:0 0 auto!important;min-height:42px!important;font-size:12px!important}.tb-topbar{position:sticky!important;top:0!important;left:0!important}.pos{margin:0!important}.wrap{margin:0!important}}
@media(prefers-reduced-motion:reduce){.tb-sidebar,.nav-toggle span{transition:none!important}}


/* Desktop: edge-hover reveals the sidebar; the hamburger pins it open on click. */
.nav-edge-trigger{position:fixed;z-index:45;left:0;top:0;bottom:0;width:10px;display:block;}
body.nav-collapsed .tb-sidebar{transform:translateX(-105%);}
body.nav-hover-open .tb-sidebar{transform:translateX(0);box-shadow:15px 0 48px rgba(0,0,0,.22);}
body.nav-hover-open .tb-topbar{left:0!important;}
body.nav-hover-open .wrap{margin-left:0!important;}
body.nav-hover-open .pos{margin-left:0!important;}
body.nav-hover-open .tb-nav-scrim{display:none!important;}
@media(max-width:850px){.nav-edge-trigger{display:none!important;}body.nav-hover-open .tb-sidebar{transform:translateX(-105%);}body.nav-open .tb-sidebar{transform:translateX(0);} }

/* Clear sign-out action */
.sidebar-logout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;text-decoration:none!important;color:var(--muted)!important;border:1px solid var(--line);border-radius:8px;padding:5px 7px}.sidebar-logout span{font-size:17px;line-height:1}.sidebar-logout small{font-size:9px;line-height:1.2}.sidebar-logout:hover{color:var(--danger,#c4162d)!important;border-color:currentColor}
    .label-box { 
        width: 50mm; 
        height: 30mm; 
        padding: 2mm 3mm; 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        justify-content: center !important; /* Forces vertical and horizontal centering */
        text-align: center !important;
        box-sizing: border-box; 
    }

/* =====================================================================
   TEZBILL VIBRANT THEME — brand palette from the TezBill logo
   blue #2447ff · violet #7b2cff · orange #ff9b24 → #ff4d35
   ===================================================================== */
:root{
  --bg:#f1f4ff;--paper:#ffffff;--ink:#141b4d;--muted:#5f6ca3;--line:#dfe5ff;
  --acc:#2447ff;--acc2:#7b2cff;--gold:#ff5a1f;--gold2:#ffb347;--red:#f0284a;--ok:#0fb981;
  --surface-raised:#ffffff;--surface-soft:#f5f7ff;--border-strong:#cbd5ff;
  --shadow-soft:0 14px 36px rgba(36,71,255,.12);--shadow-card:0 4px 16px rgba(36,71,255,.08);
  --g-brand:linear-gradient(135deg,#2447ff,#7b2cff);
  --g-warm:linear-gradient(135deg,#ff9b24,#ff4d35);
  --g-cool:linear-gradient(135deg,#00b8ff,#2447ff);
  --g-green:linear-gradient(135deg,#10c98a,#06a6d4);
  --g-pink:linear-gradient(135deg,#ff3d8b,#7b2cff);
  --g-sun:linear-gradient(135deg,#ffd23f,#ff9b24);
}
html[data-theme="dark"]{
  --bg:#0a0e2c;--paper:#131949;--ink:#eef1ff;--muted:#9eaae6;--line:#272f73;
  --acc:#7f95ff;--acc2:#b590ff;--gold:#ff9a62;--gold2:#ffc27a;--red:#ff7089;--ok:#3ddc97;
  --surface-raised:#131949;--surface-soft:#192056;--border-strong:#323c8c;
  --shadow-soft:0 14px 38px rgba(0,0,0,.35);--shadow-card:0 4px 18px rgba(0,0,0,.25);
}
html,body{background:var(--bg)!important}
body.tb-app,body.tb-guest{background:
  radial-gradient(900px 500px at 100% -10%,rgba(123,44,255,.13),transparent 60%),
  radial-gradient(800px 500px at -10% 110%,rgba(255,155,36,.13),transparent 60%),var(--bg)!important}
h1,.panel-head h2,.two h1,.report-title-row h2{color:var(--ink)}

/* Sidebar */
.tb-sidebar{background:linear-gradient(175deg,#1f3df0 0%,#4a28d8 52%,#7b2cff 100%)!important;color:#fff;border-right:0!important;box-shadow:10px 0 40px rgba(36,71,255,.25)}
html[data-theme="dark"] .tb-sidebar{background:linear-gradient(175deg,#10196b 0%,#2a1a9a 55%,#4a1d9e 100%)!important}
.tb-brand{border-bottom:1px solid rgba(255,255,255,.22)!important;padding:0 4px 22px!important}
.tb-logo{display:block;width:100%;max-width:196px;height:auto}
.sidebar-caption{color:rgba(255,255,255,.65)!important}
.nav-group-label{color:#ffd23f!important}
.tb-nav-link{color:rgba(255,255,255,.88)!important}
.tb-nav-link:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.tb-nav-link.active{background:#fff!important;color:#2447ff!important;box-shadow:0 8px 22px rgba(10,14,60,.28)!important}
.nav-glyph{color:#fff!important;font-family:var(--sans)!important;background:rgba(255,255,255,.18)!important}
.tb-nav-link:nth-of-type(6n+1) .nav-glyph{background:var(--g-warm)!important}
.tb-nav-link:nth-of-type(6n+2) .nav-glyph{background:var(--g-pink)!important}
.tb-nav-link:nth-of-type(6n+3) .nav-glyph{background:var(--g-cool)!important}
.tb-nav-link:nth-of-type(6n+4) .nav-glyph{background:var(--g-green)!important}
.tb-nav-link:nth-of-type(6n+5) .nav-glyph{background:var(--g-sun)!important;color:#5a2a00!important}
.tb-nav-link:nth-of-type(6n+6) .nav-glyph{background:linear-gradient(135deg,#a855f7,#6366f1)!important}
.tb-nav-link.active .nav-glyph{box-shadow:0 0 0 3px rgba(36,71,255,.15)}
.nav-live-dot{background:#ffd23f!important;box-shadow:0 0 0 4px rgba(255,210,63,.25)!important}
.sidebar-bottom-card{background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.28)!important}
.sidebar-flower{color:#ffd23f!important}
.sidebar-bottom-card b{color:#fff!important;font-family:var(--serif)!important}
.sidebar-bottom-card small{color:rgba(255,255,255,.82)!important}
.sidebar-user{border-top:1px solid rgba(255,255,255,.22)!important}
.avatar-initial{background:var(--g-warm)!important;color:#fff!important}
.sidebar-user-copy b{color:#fff!important}.sidebar-user-copy small{color:rgba(255,255,255,.75)!important}
.sidebar-user>a,.sidebar-logout{color:#fff!important;border-color:rgba(255,255,255,.35)!important}

/* Topbar + guest bar */
.tb-topbar{background:rgba(255,255,255,.86)!important;border-bottom:0!important;box-shadow:0 1px 0 var(--line),0 10px 30px rgba(36,71,255,.07)}
.tb-topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2447ff,#7b2cff,#ff4d35,#ff9b24)}
html[data-theme="dark"] .tb-topbar,html[data-theme="dark"] .tb-guestbar{background:rgba(14,19,64,.9)!important}
.topbar-crumb{color:var(--gold)!important;font-weight:800}
.tb-guestbar{background:var(--paper)!important;border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,#2447ff,#7b2cff,#ff4d35,#ff9b24) 1!important}
.tb-guestbar .tb-logo{width:150px}
.today-dot,.live-dot{background:var(--ok)!important}

/* Buttons */
.btn,button.btn{background:var(--g-brand)!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px rgba(36,71,255,.28)!important}
.btn:hover,button.btn:hover{background:linear-gradient(135deg,#1a37e0,#6a1fee)!important;box-shadow:0 12px 24px rgba(36,71,255,.36)!important}
.btn.gh,.btn.ghost{background:transparent!important;color:var(--acc)!important;border:1.5px solid var(--acc)!important;box-shadow:none!important}
.btn.gh:hover,.btn.ghost:hover{background:var(--acc)!important;color:#fff!important}
html[data-theme="dark"] .btn.gh:hover{color:#0a0e2c!important}
.btn.big,.gold-btn{background:var(--g-warm)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(255,77,53,.32)!important}
.btn.big:hover,.gold-btn:hover{background:linear-gradient(135deg,#ff8a00,#f23a22)!important}
.chips .on{background:var(--g-brand)!important;border-color:transparent!important;color:#fff!important}
.chips button:hover{border-color:var(--acc)!important;color:var(--acc)!important}
input:focus,select:focus,textarea:focus{border-color:var(--acc)!important;box-shadow:0 0 0 4px rgba(36,71,255,.15)!important}
.command-trigger>span,.theme-toggle-icon{color:var(--acc)}
.command-trigger:hover,.theme-toggle:hover{border-color:var(--acc)!important}

/* Cards, metrics, tables */
.card,.panel,.metric-card{border:1px solid var(--line)!important;position:relative;overflow:hidden}
.cards .card:before,.metric-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--g-brand)}
.cards .card:nth-child(4n+2):before,.metric-grid>.metric-card:nth-child(4n+2):before{background:var(--g-warm)}
.cards .card:nth-child(4n+3):before,.metric-grid>.metric-card:nth-child(4n+3):before{background:var(--g-green)}
.cards .card:nth-child(4n+4):before,.metric-grid>.metric-card:nth-child(4n+4):before{background:var(--g-pink)}
.card>b,.metric-card>strong{color:var(--ink)!important}
.metric-card.metric-featured{background:linear-gradient(135deg,#eaf0ff,#f1e8ff)!important;border-color:#cdd8ff!important}
html[data-theme="dark"] .metric-card.metric-featured{background:linear-gradient(135deg,#1b2570,#32207f)!important;border-color:#3a47a8!important}
.metric-icon{background:var(--g-warm)!important;color:#fff!important}
.metric-grid>.metric-card:nth-child(4n+1) .metric-icon{background:var(--g-brand)!important}
.metric-grid>.metric-card:nth-child(4n+3) .metric-icon{background:var(--g-green)!important}
.metric-grid>.metric-card:nth-child(4n+4) .metric-icon{background:var(--g-pink)!important}
.metric-tag{background:rgba(255,90,31,.12)!important;color:#e04a10!important}
.eyebrow{color:var(--gold)!important}
table th{background:linear-gradient(90deg,rgba(36,71,255,.08),rgba(123,44,255,.08))!important;color:var(--acc)!important}
html[data-theme="dark"] table th{color:var(--acc2)!important}
table tr:hover td{background:rgba(36,71,255,.045)}
.pt{border:1.5px solid var(--line)!important;border-radius:14px!important}
.pt:hover:not(:disabled){border-color:var(--acc)!important;box-shadow:0 16px 32px rgba(36,71,255,.2)!important}
.pt b{font-family:var(--serif)}
.ln.t b{color:var(--acc)!important}
.state-good{background:#d9f8ec!important;color:#087f57!important}
.state-danger{background:#ffe1e6!important;color:#d1153a!important}
.pt.stock-out{background:linear-gradient(135deg,#f0284a,#c01238)!important;border-color:#c01238!important}
.pt.stock-low{background:#fff4ec!important;border-color:#ffb98a!important}

/* Hero banners */
.dash-hero,.credit-hero{background:linear-gradient(120deg,#2447ff 0%,#7b2cff 58%,#ff4d35 130%)!important;color:#fff;box-shadow:0 18px 44px rgba(36,71,255,.32)!important}
.dash-hero:after{content:'⚡'!important;color:rgba(255,255,255,.1)!important;font-family:var(--sans)!important}
.dash-hero h1,.credit-hero h1{color:#fff!important}
.dash-hero p,.credit-hero p{color:rgba(255,255,255,.88)!important}
.dash-hero .hero-meta,.dash-hero .eyebrow,.credit-hero .eyebrow{color:#ffd23f!important}
.dash-hero .btn{background:var(--g-sun)!important;color:#3a1a00!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important}

/* Login / modal */
.login,.mb{border:0!important;box-shadow:0 24px 60px rgba(36,71,255,.2)!important;border-top:5px solid var(--acc)!important}
.login h1{color:var(--ink)}
.login:before{color:var(--gold)!important}
.mb{border-top-color:var(--gold)!important}
.ok{color:var(--ok)}
.tb-guest .login{background:var(--paper)!important}
::selection{background:#7b2cff;color:#fff}
*{scrollbar-color:#8da0ff transparent!important}
.pt.stock-out span,.pt.stock-out i,.pt.stock-out b{color:#fff!important}

/* Dark-mode overrides (beat legacy dark rules) */
html[data-theme="dark"] .dash-hero,html[data-theme="dark"] .credit-hero{background:linear-gradient(120deg,#2447ff 0%,#7b2cff 60%,#d63a5a 130%)!important}
html[data-theme="dark"] .dash-hero h1,html[data-theme="dark"] .credit-hero h1{color:#fff!important}
html[data-theme="dark"] .dash-hero p{color:rgba(255,255,255,.88)!important}
html[data-theme="dark"] .tb-nav-link.active{background:#fff!important;color:#2447ff!important}
html[data-theme="dark"] .btn,html[data-theme="dark"] button.btn{background:var(--g-brand)!important;color:#fff!important}
html[data-theme="dark"] .btn.big,html[data-theme="dark"] .gold-btn{background:var(--g-warm)!important;color:#fff!important}
html[data-theme="dark"] .dash-hero .btn{background:var(--g-sun)!important;color:#3a1a00!important}
html[data-theme="dark"] .btn.gh,html[data-theme="dark"] .btn.ghost{background:transparent!important;color:var(--acc)!important;border:1.5px solid var(--acc)!important}
html[data-theme="dark"] .btn.gh:hover{background:var(--acc)!important;color:#0a0e2c!important}
html[data-theme="dark"] .chips .on{background:var(--g-brand)!important;color:#fff!important}
html[data-theme="dark"] .chips button{color:var(--muted)!important}
html[data-theme="dark"] .pt:hover:not(:disabled){border-color:var(--acc)!important}
html[data-theme="dark"] .pt.stock-out{background:linear-gradient(135deg,#d3203f,#a30f2f)!important}
html[data-theme="dark"] .pt.stock-low{background:#2a1f3d!important;border-color:#ff9a62!important}
html[data-theme="dark"] .ph{background:#1e2766!important}
html[data-theme="dark"] .metric-icon{color:#fff!important}
html[data-theme="dark"] .metric-top>span:first-child{color:var(--muted)!important}
html[data-theme="dark"] .tb-nav-link.active .nav-glyph{background:var(--g-brand)!important}
html[data-theme="dark"] .btn:not(.gh):not(.big):not(.gold-btn),html[data-theme="dark"] button.btn:not(.gh):not(.big):not(.gold-btn){background:var(--g-brand)!important;color:#fff!important;border:0!important}
html[data-theme="dark"] .btn.big:not(.gh),html[data-theme="dark"] .btn.gold-btn:not(.gh){background:var(--g-warm)!important;color:#fff!important;border:0!important}
html[data-theme="dark"] .dash-hero .btn:not(.gh){background:var(--g-sun)!important;color:#3a1a00!important}
html[data-theme="dark"] .btn.gh,html[data-theme="dark"] button.btn.gh{background:transparent!important;color:var(--acc)!important;border:1.5px solid var(--acc)!important}

/* Dark mode: table headers were navy-on-navy (pos.css redefines --acc2 on body). Keep them readable on every page. */
html[data-theme="dark"] table th{color:#c3cdff!important}