:root{
  --navy:#071a3a;--navy2:#0d2f68;--blue:#155eef;--blue2:#0b74ff;--cyan:#00b8d9;
  --bg:#f4f7fb;--surface:#fff;--surface2:#f8fbff;--ink:#12213f;--muted:#64748b;
  --line:#dbe5f1;--line2:#edf2f7;--ok:#0f9f6e;--warn:#d97706;--danger:#dc2626;
  --shadow:0 12px 34px rgba(15,44,92,.09);--radius:18px;--top-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button:disabled{opacity:.55;cursor:not-allowed}
hr{border:0;border-top:1px solid var(--line2);margin:16px 0}
code{font-size:11px;white-space:pre-wrap;word-break:break-word}

/* Layout */
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.side{background:linear-gradient(180deg,var(--navy) 0%,#0a2450 55%,var(--navy2) 100%);color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:55;box-shadow:10px 0 36px rgba(7,26,58,.08)}
.brand{font-weight:900;font-size:20px;letter-spacing:-.35px;padding:8px 12px 18px}.brand small{display:block;font-size:11px;font-weight:600;opacity:.7;margin-top:5px;letter-spacing:0}
.nav{display:grid;gap:5px}.nav a{padding:11px 12px;border-radius:11px;color:#d8e8ff;font-size:14px;font-weight:650;transition:.18s}.nav a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(1px)}.nav a.active{background:linear-gradient(135deg,rgba(35,119,255,.35),rgba(0,184,217,.18));box-shadow:inset 0 0 0 1px rgba(141,196,255,.2);color:#fff}
.side-overlay{display:none;position:fixed;inset:0;background:rgba(3,14,32,.48);backdrop-filter:blur(2px);z-index:50}
.main{min-width:0}
.top{height:var(--top-h);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;position:sticky;top:0;z-index:40}
.top-left,.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.top-brand{display:grid;min-width:0}.top-brand strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-brand small{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em}
.user-chip{display:grid;text-align:right;font-size:12px;font-weight:800;line-height:1.1}.user-chip small{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:3px}.logout-link{font-size:12px;font-weight:800;color:#345075;padding:9px 10px;border-radius:9px}.logout-link:hover{background:#eef4ff;color:var(--blue)}
.branch-switch select{min-width:170px;max-width:250px;height:42px;border:1px solid #bfd1e7;background:#f8fbff;font-weight:750;color:#173763}.branch-pill{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;border:1px solid #c9dbef;background:#f7fbff;border-radius:10px;font-size:12px;font-weight:800;color:#24466f;white-space:nowrap}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #d9e5f3;background:#f5f9ff;color:#24466f;border-radius:11px;font-size:20px;cursor:pointer}
.content{padding:26px;max-width:1540px;margin:0 auto;width:100%}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 16px;flex-wrap:wrap}.toolbar h1,h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.6px}.page-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow{display:block;color:#3e6ea9;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head h3,.card h3{margin:2px 0 0;line-height:1.25}.section-head small{display:block;color:var(--muted)}

/* Surfaces */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span3{grid-column:span 3}
.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-25px;top:-24px;background:linear-gradient(135deg,#eaf3ff,#e2faff)}.metric span,.muted{color:var(--muted);font-size:13px}.metric b{font-size:26px;display:block;margin-top:7px;letter-spacing:-.65px;position:relative;z-index:1}.big-number{font-size:29px;margin-top:8px;font-weight:900}
.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;font-weight:650}.flash.err{background:#fff0f0;color:#991b1b;border-color:#fecaca}
.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e9f1ff;color:#275aa3;font-size:10px;font-weight:850;line-height:1}.badge.good{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}
.ok-text{color:var(--ok);font-weight:800}.danger-text{color:var(--danger);font-weight:800}

/* Forms and actions */
.btn{min-height:42px;border:0;border-radius:11px;padding:10px 15px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 7px 16px rgba(21,94,239,.18);display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(21,94,239,.22)}.btn.light{background:#edf4ff;color:#174ea6;box-shadow:none;border:1px solid #d5e4fb}.btn.danger{background:#fee2e2;color:#b91c1c;box-shadow:none}.full-btn{width:100%}
input,select,textarea{width:100%;min-height:44px;padding:10px 11px;border:1px solid #cbd8e8;border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:.15s}textarea{min-height:82px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7baaf8;box-shadow:0 0 0 3px rgba(21,94,239,.10)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px;font-size:12px;font-weight:760;color:#334b6d}.field.full{grid-column:1/-1}.inline{display:inline}.inline-master{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.end{align-self:end}.link-btn{border:0;background:none;padding:2px;color:var(--blue);cursor:pointer;font:inherit;font-weight:700}.danger-link{color:#b91c1c}.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.searchbar{margin:14px 0}.report-actions,.filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pills a,.filter-pills button{border:1px solid #d6e3f3;background:#fff;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:750}.filter-pills .active{background:#e9f2ff;border-color:#9fc2ff;color:#155eef}

/* Tables */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(20,51,95,.045);-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:11px 12px;border-bottom:1px solid var(--line2);text-align:left;font-size:13px;vertical-align:middle}th{background:#f7faff;position:sticky;top:0;z-index:2;color:#46617f;font-size:11px;text-transform:uppercase;letter-spacing:.035em}tbody tr:hover{background:#fbfdff}.compact table{min-width:620px}.compact th,.compact td{padding:8px}.right{text-align:right}.block{display:block}

/* Login */
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 85% 0,#dff7ff 0,#edf4ff 35%,#f8fafc 72%);position:relative;overflow:hidden}.login:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:-180px;bottom:-210px;background:linear-gradient(135deg,#155eef22,#00b8d922)}.login .card{width:min(430px,100%);padding:30px;position:relative;z-index:1}.login-brand{font-size:27px;font-weight:950;color:#123b7a;letter-spacing:-.7px}

/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:18px;align-items:start}.pos-catalog{min-width:0}.pos-search-wrap{position:sticky;top:calc(var(--top-h) + 8px);z-index:8;background:rgba(244,247,251,.94);backdrop-filter:blur(8px);padding:4px 0 9px;display:flex;align-items:center;gap:8px}.pos-search-wrap>span{position:absolute;left:14px;color:#6381a6;font-size:20px}.pos-search-wrap input{height:50px;padding-left:42px;background:#fff;border-color:#c6d7eb;box-shadow:0 7px 22px rgba(14,48,94,.06)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.product{min-height:112px;border:1px solid var(--line);border-radius:15px;padding:13px;background:#fff;cursor:pointer;display:grid;gap:5px;text-align:left;color:var(--ink);box-shadow:0 5px 18px rgba(17,48,91,.045);transition:.16s}.product:hover{border-color:#84aff8;transform:translateY(-2px);box-shadow:0 12px 24px rgba(21,94,239,.10)}.product strong{font-size:15px;color:#0d397d}.product-name{font-weight:850;line-height:1.25}.pos-cart{background:linear-gradient(180deg,#fff,#fbfdff)}.sticky-card{position:sticky;top:calc(var(--top-h) + 14px);align-self:start}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) 76px 100px;gap:7px;align-items:center;margin:8px 0;padding-bottom:8px;border-bottom:1px dashed #dfe8f4}.cart-line b{text-align:right}.pos-total{margin:15px -2px 11px;padding:15px;border-radius:14px;background:linear-gradient(135deg,#081f46,#155eef);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.pos-total span{font-size:12px;opacity:.82}.pos-total strong{font-size:22px;letter-spacing:-.4px}.checkout-btn{height:50px;font-size:15px}

/* Multi branch */
.multi-branch-note,.transfer-note{padding:12px 14px;border-radius:13px;background:#eef6ff;border:1px solid #cfe1f7;color:#365b82;font-size:12px}.branch-performance{display:grid;gap:8px}.branch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e4ebf4;border-radius:13px;background:#fbfdff}.branch-row div{display:grid}.branch-row small{color:var(--muted);font-size:10px;margin-top:3px}.branch-row strong{font-size:15px;white-space:nowrap}.branch-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.branch-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.branch-card.active-branch{border-color:#8db6fb;box-shadow:0 0 0 2px rgba(21,94,239,.08),var(--shadow)}.branch-card h3{margin:3px 0}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.mini-metrics>div{background:#f7faff;border:1px solid #e8eef7;border-radius:11px;padding:9px;display:grid}.mini-metrics small{font-size:9px;color:var(--muted)}.mini-metrics b{font-size:14px;margin-top:3px}.branch-omzet{font-weight:900;color:#174d9c;margin:8px 0 12px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.check-card{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dfe8f3;border-radius:12px;background:#fff;cursor:pointer}.check-card input{width:18px;height:18px;min-height:18px;flex:0 0 auto}.check-card span{display:grid}.check-card small{color:var(--muted)}.branch-access{border:1px solid var(--line);border-radius:14px;padding:12px}.branch-access legend{font-weight:850;padding:0 5px}.copilot-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 92% 15%,rgba(0,184,217,.15),transparent 35%),linear-gradient(135deg,#f8fbff,#eef5ff);border-color:#cddff7}.copilot-hero h3{font-size:19px}

/* Utility */
.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt18{margin-top:18px}.clean{list-style:none;padding:0;margin:0}.clean li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.pay-form{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) auto;gap:5px;align-items:center;min-width:330px}

/* Smart Assistant */
.smart-assistant{position:fixed;right:20px;bottom:20px;z-index:100}.smart-fab{width:62px;height:62px;border-radius:50%;border:1px solid #d8e6f6;background:#fff;box-shadow:0 16px 38px rgba(7,26,58,.28);padding:5px;cursor:pointer}.smart-fab img{width:100%;height:100%;object-fit:contain}.smart-panel{display:none;position:absolute;right:0;bottom:74px;width:min(410px,calc(100vw - 28px));height:590px;max-height:78vh;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(7,26,58,.32);overflow:hidden}.smart-panel.open,.smart-panel[aria-hidden="false"]{display:flex;flex-direction:column}.smart-header{background:radial-gradient(circle at 10% -30%,#2f8dff 0,transparent 45%),linear-gradient(135deg,var(--navy),#124da7);color:#fff;padding:12px;display:flex;gap:9px;align-items:center}.smart-header-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff14}.smart-header-icon img{width:38px}.smart-header-text{flex:1;display:grid;min-width:0}.smart-header-text strong{font-size:13px}.smart-header-text small{font-size:9px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-header-actions{display:flex;gap:4px}.smart-icon-btn{min-width:34px;min-height:34px;background:#ffffff18;color:#fff;border:0;border-radius:9px;padding:7px;cursor:pointer}.smart-messages{flex:1;overflow:auto;padding:12px;background:linear-gradient(180deg,#f7fbff,#fbfdff)}.smart-message,.smart-msg{margin:8px 0;padding:10px 12px;border-radius:13px;max-width:90%;font-size:13px}.smart-user,.user{margin-left:auto;background:#dbeafe}.smart-assistant-message,.assistant{background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px rgba(10,38,79,.05)}.smart-suggestions{display:flex;gap:6px;padding:8px;overflow:auto;scrollbar-width:thin}.smart-suggestions button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 9px;font-size:11px;cursor:pointer}.smart-composer{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line);background:#fff}.smart-input-wrap{display:flex;flex:1;align-items:end;gap:5px}.smart-input{resize:none;min-height:42px;max-height:105px}.smart-mic,.smart-send{border:0;border-radius:10px;min-width:42px;height:42px;padding:8px;background:#edf4ff;cursor:pointer}.smart-send{background:var(--blue);color:#fff}.smart-footer-note{font-size:9px;padding:7px 10px;color:var(--muted);border-top:1px solid var(--line);background:#fbfdff}.smart-footer-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.smart-wake-toggle,.smart-auto-send-toggle{font-size:9px;border:0;background:#edf4ff;border-radius:6px;padding:4px;cursor:pointer}

/* Responsive */
@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span3{grid-column:auto}.branch-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}.side{position:fixed;left:-282px;width:268px;transition:left .22s ease}.side.open{left:0}.side.open+.side-overlay{display:block}.menu-toggle{display:grid;place-items:center}.content{padding:18px}.top{padding:0 16px}.top-brand{max-width:200px}.user-chip{display:none}.grid2{grid-template-columns:1fr}.sticky-card{position:static}.pos-layout{grid-template-columns:1fr}.pos-search-wrap{top:calc(var(--top-h) + 3px)}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copilot-hero{flex-direction:column;align-items:flex-start}.copilot-hero .btn{width:100%}
}
@media(max-width:640px){
  :root{--top-h:64px}.top{height:var(--top-h);padding:0 10px;gap:7px}.top-left,.top-actions{gap:6px}.top-brand{max-width:115px}.top-brand strong{font-size:12px}.top-brand small{font-size:8px}.logout-link{font-size:0;padding:8px}.logout-link:after{content:"Keluar";font-size:10px}.branch-switch select{min-width:0;width:128px;max-width:128px;height:40px;font-size:11px;padding:7px}.branch-pill{max-width:130px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.content{padding:14px 12px 92px}.toolbar{margin-bottom:12px}.toolbar h1,h1{font-size:22px}.page-subtitle{font-size:10px}.card{padding:14px;border-radius:15px}.grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px}.metric span{font-size:10px}.metric b{font-size:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.inline-master{grid-template-columns:1fr}.branch-card-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.branch-row{align-items:flex-start}.branch-row strong{font-size:13px}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mini-metrics>div{padding:7px}.table-wrap{border-radius:13px}table{min-width:690px}th,td{padding:9px 10px;font-size:12px}.pay-form{grid-template-columns:1fr;min-width:190px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product{min-height:105px;padding:11px}.product-name{font-size:13px}.product strong{font-size:13px}.pos-cart{padding:15px}.cart-line{grid-template-columns:minmax(0,1fr) 62px 84px}.pos-total{position:sticky;bottom:64px;z-index:5}.checkout-btn{position:sticky;bottom:10px;z-index:5}.smart-assistant{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.smart-fab{width:58px;height:58px}.smart-panel{position:fixed;left:8px;right:8px;bottom:8px;width:auto;height:min(78vh,650px);max-height:calc(100vh - 16px);border-radius:19px;padding-bottom:env(safe-area-inset-bottom)}.smart-message,.smart-msg{max-width:94%}
}
@media(max-width:390px){.grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.top-brand{display:none}.branch-switch select{width:144px;max-width:144px}.cart-line{grid-template-columns:minmax(0,1fr) 58px 78px}.smart-panel{left:5px;right:5px;bottom:5px;height:calc(100vh - 10px);max-height:none;border-radius:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Multi-item transfer + secure logout */
.logout-form{margin:0}.logout-form .logout-link{border:0;background:transparent;cursor:pointer}
.transfer-items{display:grid;gap:9px}.transfer-item-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 46px;gap:8px;align-items:center}.transfer-item-row select,.transfer-item-row input{min-width:0}.transfer-remove{min-width:42px;padding:8px;font-size:18px;line-height:1}
@media(max-width:640px){.transfer-item-row{grid-template-columns:minmax(0,1fr) 88px 42px}.transfer-item-row select,.transfer-item-row input{font-size:12px}.logout-form .logout-link{min-height:38px}}
@media(max-width:390px){.transfer-item-row{grid-template-columns:1fr 78px 40px}.transfer-remove{min-width:38px}}
/* CC10 scalable POS search */
.pos-search-status{min-height:18px;margin:0 2px 2px;font-size:11px}
.pos-empty{grid-column:1/-1;padding:28px 18px;border:1px dashed #cbd8e8;border-radius:15px;background:#fbfdff;color:var(--muted);text-align:center;font-size:13px}
@media(max-width:640px){.pos-search-status{font-size:10px}.pos-search-wrap input{height:48px}.pos-empty{padding:22px 14px}}
@media(max-width:640px){body.page-pos .smart-assistant{bottom:calc(82px + env(safe-area-inset-bottom))}body.page-pos .smart-panel{bottom:5px}}

/* CC11 · Smart Installer branding integration */
.brand-rich{display:flex;align-items:center;gap:10px}.brand-rich img{width:42px;height:42px;border-radius:11px;background:#fff;object-fit:contain;padding:4px;flex:0 0 auto}.brand-rich span{min-width:0;overflow-wrap:anywhere}.branded-login{background:#071b37}.login-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.login-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,43,.82),rgba(6,28,62,.58) 48%,rgba(10,31,58,.24));z-index:0}.login-card{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 28px 70px rgba(3,19,45,.26);border:1px solid rgba(255,255,255,.72)}.login-logo{display:block;width:74px;height:74px;object-fit:contain;border-radius:16px;background:#fff;padding:7px;border:1px solid #e5edf7;margin-bottom:14px}.login-foot{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);text-align:center}
@media(max-width:760px){.brand-rich img{width:38px;height:38px}.login-shade{background:linear-gradient(180deg,rgba(4,19,43,.48),rgba(4,19,43,.68))}.login-card{padding:24px}.login-logo{width:64px;height:64px}.login-brand{font-size:24px}}

/* ========================================================================== */
/* CC12 · PREMIUM COMMERCIAL UI + COLLAPSIBLE SIDEBAR + CASHIER CONSOLE       */
/* ========================================================================== */
:root{
  --premium-blue:#2563eb;--premium-cyan:#22d3ee;--premium-navy:#061b3a;
  --premium-navy-2:#0a2d63;--premium-bg:#eef3f9;--premium-glass:rgba(255,255,255,.86);
  --premium-shadow:0 18px 55px rgba(16,42,84,.10);--premium-shadow-strong:0 28px 80px rgba(4,25,58,.18);
  --side-w:282px;--side-mini:88px;
}
body:not(.cashier-mode){background:
  radial-gradient(circle at 82% -10%,rgba(37,99,235,.10),transparent 34%),
  radial-gradient(circle at 18% 100%,rgba(34,211,238,.08),transparent 28%),
  linear-gradient(180deg,#f6f9fd 0%,#eef3f9 100%);}
.shell{grid-template-columns:var(--side-w) minmax(0,1fr);transition:grid-template-columns .22s ease}
.side{padding:18px 14px 14px;background:
  radial-gradient(circle at 30% 0,rgba(48,132,255,.28),transparent 26%),
  linear-gradient(180deg,#061a39 0%,#08244d 48%,#061a39 100%);border-right:1px solid rgba(161,200,255,.12);box-shadow:16px 0 48px rgba(3,20,48,.12);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.brand-rich{min-height:72px;padding:6px 8px 15px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.brand-rich img{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#fff,#eaf4ff);box-shadow:0 10px 28px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.72)}.brand-rich span{font-size:16px;line-height:1.18}.brand-rich small{font-size:9px;color:#9fc6ff;opacity:1;text-transform:uppercase;letter-spacing:.08em}
.nav{gap:4px}.nav a{display:flex;align-items:center;gap:12px;min-height:45px;padding:9px 12px;border-radius:12px;color:#c9ddfa;font-size:13px;font-weight:760}.nav a:hover{background:rgba(255,255,255,.075);transform:none}.nav a.active{background:linear-gradient(135deg,rgba(37,99,235,.44),rgba(34,211,238,.16));box-shadow:inset 0 0 0 1px rgba(139,190,255,.22),0 7px 22px rgba(0,0,0,.10)}.nav-ico{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);font-size:15px;color:#bfe4ff}.nav a.active .nav-ico{background:rgba(255,255,255,.13);color:#fff}.nav-label{white-space:nowrap}.side-foot{margin-top:18px;padding:12px 10px 4px;color:#7398c6;font-size:9px;text-align:center;letter-spacing:.08em;text-transform:uppercase}
.sidebar-toggle,.top-assistant{width:40px;height:40px;border:1px solid #d9e5f4;background:#f7faff;color:#214c83;border-radius:11px;cursor:pointer;display:grid;place-items:center;font-weight:900;transition:.16s}.sidebar-toggle:hover,.top-assistant:hover{border-color:#93b8ed;background:#edf5ff;color:#155eef}.top-assistant{font-size:17px;background:linear-gradient(135deg,#eff6ff,#e6faff)}
body.sidebar-collapsed .shell{grid-template-columns:var(--side-mini) minmax(0,1fr)}body.sidebar-collapsed .side{padding-inline:10px}body.sidebar-collapsed .brand-rich{justify-content:center;padding-inline:0}body.sidebar-collapsed .brand-rich img{width:46px;height:46px}body.sidebar-collapsed .brand-rich span,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .side-foot{display:none}body.sidebar-collapsed .nav a{justify-content:center;padding-inline:8px}body.sidebar-collapsed .nav-ico{width:40px;height:40px;flex-basis:40px;font-size:17px}
.top{background:rgba(255,255,255,.84);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(188,207,231,.72);box-shadow:0 4px 24px rgba(12,38,76,.035)}.branch-pill,.branch-switch select{background:rgba(248,251,255,.95);border-color:#cddded}.user-chip{padding:7px 9px;border-radius:10px}.user-chip:hover{background:#f1f6fd}.logout-link{border:1px solid transparent!important}.logout-link:hover{border-color:#dbe7f4!important}.content{max-width:1680px;padding:28px 30px}.toolbar h1,h1{font-weight:920;color:#0b2148}.page-subtitle b{color:#235696}.eyebrow{color:#3973bf}
.card{border-color:rgba(205,219,236,.78);border-radius:20px;box-shadow:var(--premium-shadow);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(253,254,255,.94))}.metric{background:linear-gradient(160deg,#fff 0%,#f6faff 100%)}.metric:after{width:96px;height:96px;right:-34px;top:-32px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(34,211,238,.10))}.metric b{color:#0b326e}.btn{border-radius:12px;background:linear-gradient(135deg,#155eef,#0b74ff 60%,#0aa4e8);box-shadow:0 9px 22px rgba(21,94,239,.20)}.btn.light{background:linear-gradient(180deg,#f8fbff,#edf4ff);border-color:#d0e0f4}.table-wrap{border-color:#dbe6f2;border-radius:18px;box-shadow:0 12px 34px rgba(15,44,92,.055)}th{background:linear-gradient(180deg,#f8fbff,#f3f7fc);color:#3f6085}

/* Premium POS shared */
.page-pos:not(.cashier-mode) .toolbar{display:none}.page-pos:not(.cashier-mode) .content{padding-top:18px}.premium-pos-layout{grid-template-columns:minmax(0,1.55fr) minmax(410px,.70fr);gap:16px}.pos-products-card{padding:16px;min-height:calc(100vh - 112px);background:linear-gradient(160deg,#fbfdff,#f4f8fd);border:1px solid #d9e5f2}.pos-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pos-console-head h3{margin:0;font-size:18px}.pos-short-badge{border:1px solid #cbdcf0;background:#fff;color:#49709c;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850;letter-spacing:.04em}.pos-search-wrap{top:calc(var(--top-h) + 2px);background:rgba(246,249,253,.88);padding:5px 0 10px}.pos-search-wrap input{height:54px;border-radius:15px;border-color:#bfcfe3;font-size:14px;font-weight:650;box-shadow:0 10px 24px rgba(17,48,91,.07)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.product{position:relative;min-height:128px;border-radius:16px;padding:12px;background:linear-gradient(155deg,#fff,#f7faff);border:1px solid #d8e4f1;box-shadow:0 7px 18px rgba(16,44,84,.045);grid-template-rows:auto 1fr auto auto}.product:hover{border-color:#7ba7ed;box-shadow:0 14px 30px rgba(20,87,190,.12);transform:translateY(-2px)}.product-sku{font-size:9px;font-weight:900;color:#6685a9;letter-spacing:.06em;text-transform:uppercase}.product-name{font-size:13px;color:#173a68;align-self:center}.product-meta{font-size:10px;color:#7890aa}.product strong{font-size:14px;color:#0b5dcc}.premium-cart{padding:0;overflow:hidden;border-radius:22px;border:1px solid #cdddee;background:#fff;box-shadow:0 24px 65px rgba(11,39,79,.12)}.pos-cart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px 14px;background:radial-gradient(circle at 90% 10%,rgba(34,211,238,.15),transparent 34%),linear-gradient(135deg,#081f46,#0d397b);color:#fff}.pos-cart-head .eyebrow{color:#8edcff}.pos-cart-head h3{margin:0;font-size:18px}.pos-invoice-badge{text-align:right;border:1px solid rgba(255,255,255,.18);padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.08)}.pos-invoice-badge small{display:block;font-size:7px;opacity:.7;letter-spacing:.08em}.pos-invoice-badge b{font-size:11px}.cart-column-head{display:grid;grid-template-columns:minmax(0,1fr) 134px 104px;gap:8px;padding:9px 16px;border-bottom:1px solid #e7eef6;background:#f8fbff;color:#6f849e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cart-list{min-height:170px;max-height:310px;overflow:auto;padding:4px 14px}.cart-empty{min-height:150px;display:grid;place-content:center;text-align:center;color:#7b91ab}.cart-empty b{font-size:13px;color:#46617f}.cart-empty small{font-size:10px;margin-top:4px}.cart-line{grid-template-columns:minmax(0,1fr) 134px 104px;margin:0;padding:10px 2px;gap:8px;border-bottom:1px solid #edf2f7}.cart-item-name{display:grid;min-width:0}.cart-item-name b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-name small{font-size:9px;color:#8295ad}.qty-control{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;border:1px solid #d5e1ef;border-radius:10px;overflow:hidden;background:#fff}.qty-control button{height:34px;border:0;background:#f2f6fb;color:#245b9e;font-weight:900;cursor:pointer}.qty-control input{min-height:34px;height:34px;border:0!important;border-radius:0;padding:5px;text-align:center;font-size:11px;box-shadow:none!important}.cart-line-total{display:flex;align-items:center;justify-content:flex-end;gap:5px}.cart-line-total b{font-size:11px;color:#173e73}.cart-remove{width:24px;height:24px;border-radius:8px;border:0;background:#fff1f2;color:#be123c;font-size:16px;cursor:pointer}.cart-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 16px;border-top:1px solid #e8eef6;background:#fbfdff}.cart-controls .field{font-size:10px}.cart-controls input,.cart-controls select{min-height:40px;height:40px;font-size:11px;border-radius:10px}.pos-summary{padding:12px 16px;background:#fff;border-top:1px solid #edf2f7;display:grid;gap:6px}.pos-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b809a}.pos-summary b{color:#264f82}.pos-summary-grand{margin:5px -4px -2px;padding:12px 13px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#e7f7ff);border:1px solid #cbe0f8}.pos-summary-grand span{font-weight:900;color:#174983}.pos-summary-grand strong{font-size:25px;color:#0b4fa7;letter-spacing:-.5px}.checkout-btn{margin:0 16px 8px;width:calc(100% - 32px);height:52px;justify-content:space-between;padding-inline:16px}.checkout-btn kbd{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);padding:4px 7px;border-radius:7px;font-size:9px}.pos-shortcuts{display:flex;gap:10px;justify-content:center;padding:0 12px 13px;color:#7a8ea7;font-size:9px}.pos-shortcuts kbd,.payment-hint kbd{border:1px solid #d2dfed;background:#f5f8fc;border-radius:5px;padding:2px 4px;color:#466887}.pos-shift-alert{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pos-shift-alert .btn{margin-left:auto}.pos-success{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px 12px}.pos-success div{display:grid}.pos-success small{font-size:10px;margin-top:2px}

/* Payment modal */
.payment-open{overflow:hidden}.payment-modal{display:none;position:fixed;inset:0;z-index:220}.payment-modal.open{display:grid;place-items:center}.payment-backdrop{position:absolute;inset:0;background:rgba(3,17,39,.58);backdrop-filter:blur(8px)}.payment-dialog{position:relative;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.75);border-radius:26px;box-shadow:0 36px 110px rgba(2,19,47,.42);padding:22px}.payment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.payment-head h2{margin:0;font-size:25px;color:#0b244f}.payment-head p{margin:4px 0 0;color:#72869f;font-size:11px}.payment-close{width:40px;height:40px;border:1px solid #d9e5f1;border-radius:12px;background:#f7faff;color:#35597e;font-size:24px;cursor:pointer}.payment-total-hero{margin:18px 0 14px;padding:18px 20px;border-radius:18px;background:radial-gradient(circle at 92% 10%,rgba(34,211,238,.26),transparent 30%),linear-gradient(135deg,#071d42,#0b4fa7);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-total-hero span{font-size:13px;font-weight:800;opacity:.82}.payment-total-hero strong{font-size:42px;letter-spacing:-1.1px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.payment-method{min-height:46px;border:1px solid #d7e3f0;background:#f8fbff;color:#35597e;border-radius:12px;font-weight:850;cursor:pointer}.payment-method.active{color:#fff;border-color:#1d66df;background:linear-gradient(135deg,#155eef,#0b74ff);box-shadow:0 9px 21px rgba(21,94,239,.20)}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.payment-result>div{padding:14px 16px;border-radius:15px;display:flex;align-items:center;justify-content:space-between}.payment-paid{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.payment-change{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.payment-result span{font-size:11px;font-weight:800}.payment-result b,.payment-result strong{font-size:24px}.payment-actions{display:grid;grid-template-columns:150px 1fr;gap:9px}.payment-confirm{min-height:50px}.payment-hint{text-align:center;color:#8292a8;font-size:9px;margin:12px 0 0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Dedicated cashier workstation */
.cashier-mode{background:#eaf0f7}.cashier-shell{min-height:100vh}.cashier-top{height:72px;background:radial-gradient(circle at 20% -60%,rgba(44,124,255,.42),transparent 42%),linear-gradient(90deg,#061a39,#0a2e64 65%,#0b3976);color:#fff;display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.55fr) auto;align-items:center;gap:18px;padding:0 20px;position:sticky;top:0;z-index:60;box-shadow:0 12px 36px rgba(3,20,48,.18)}.cashier-brand{display:flex;align-items:center;gap:11px;min-width:0}.cashier-brand img{width:45px;height:45px;border-radius:13px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 7px 20px rgba(0,0,0,.16)}.cashier-brand div{display:grid;min-width:0}.cashier-brand strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cashier-brand small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#8fdcff}.cashier-store{display:grid;text-align:center;min-width:0}.cashier-store span{font-size:8px;letter-spacing:.12em;color:#8fb6e8}.cashier-store b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cashier-actions{display:flex;align-items:center;gap:7px}.cashier-tool,.cashier-logout{height:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#eaf4ff;border-radius:11px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;cursor:pointer}.cashier-tool:hover,.cashier-logout:hover{background:rgba(255,255,255,.14)}.cashier-user{display:grid;text-align:right;padding:0 5px;font-size:11px;font-weight:850}.cashier-user small{font-size:7px;color:#8fdcff;letter-spacing:.1em}.cashier-branch-switch select{height:40px;min-width:165px;max-width:190px;background:rgba(255,255,255,.95)}.cashier-main{min-width:0}.cashier-content{max-width:none;padding:15px 18px 88px}.cashier-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.cashier-page-title h1{font-size:22px}.cashier-clock{display:grid;text-align:right}.cashier-clock b{font-size:18px;color:#0b3976}.cashier-clock small{font-size:9px;color:#71869f;text-transform:uppercase}.cashier-mode .premium-pos-layout{grid-template-columns:minmax(0,1.72fr) minmax(420px,.72fr);gap:13px}.cashier-mode .pos-products-card{min-height:calc(100vh - 126px)}.cashier-mode .sticky-card{top:86px}.cashier-mode .smart-assistant{right:16px;bottom:16px}.cashier-mode .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cashier-mode .product{min-height:116px}.cashier-mode .pos-search-wrap{top:82px}.cashier-mode .pos-console-head{margin-bottom:5px}

@media(max-width:1380px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cashier-mode .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cashier-mode .premium-pos-layout{grid-template-columns:minmax(0,1.5fr) minmax(395px,.78fr)}}
@media(max-width:1100px){.premium-pos-layout,.cashier-mode .premium-pos-layout{grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr)}.cashier-mode .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-total-hero strong{font-size:34px}.cashier-top{grid-template-columns:minmax(180px,1fr) auto}.cashier-store{display:none}}
@media(max-width:900px){.sidebar-toggle{display:none}.cashier-top{grid-template-columns:1fr auto;height:66px;padding:0 12px}.cashier-brand strong{font-size:12px}.cashier-brand small{display:none}.cashier-actions{gap:5px}.cashier-tool span,.cashier-user{display:none}.cashier-branch-switch select{min-width:128px;max-width:145px}.cashier-content{padding:12px 12px 100px}.cashier-mode .premium-pos-layout,.premium-pos-layout{grid-template-columns:1fr}.premium-cart{position:static}.cashier-mode .pos-products-card{min-height:auto}.product-grid,.cashier-mode .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-search-wrap,.cashier-mode .pos-search-wrap{top:72px}.payment-dialog{width:min(680px,calc(100vw - 24px))}}
@media(max-width:640px){.cashier-top{height:62px}.cashier-brand img{width:38px;height:38px}.cashier-actions{gap:4px}.cashier-tool,.cashier-logout{height:36px;padding:0 9px}.cashier-branch-switch select{width:110px;min-width:110px;max-width:110px;height:36px;font-size:10px}.cashier-page-title{margin-bottom:8px}.cashier-page-title h1{font-size:19px}.cashier-clock b{font-size:15px}.cashier-clock small{font-size:7px}.pos-products-card{padding:12px}.product-grid,.cashier-mode .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product{min-height:105px;border-radius:13px;padding:10px}.product-name{font-size:12px}.premium-cart{border-radius:18px}.cart-column-head{grid-template-columns:minmax(0,1fr) 114px 84px}.cart-line{grid-template-columns:minmax(0,1fr) 114px 84px}.qty-control{grid-template-columns:27px 1fr 27px}.cart-controls{grid-template-columns:1fr 1fr;padding:11px 12px}.pos-summary{padding:10px 12px}.checkout-btn{margin-inline:12px;width:calc(100% - 24px)}.pos-shortcuts{display:none}.payment-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px);padding:15px;border-radius:20px}.payment-head h2{font-size:21px}.payment-total-hero{padding:15px;margin:13px 0 10px}.payment-total-hero strong{font-size:29px}.payment-methods{grid-template-columns:1fr 1fr}.payment-form-grid,.payment-result{grid-template-columns:1fr}.payment-result{gap:7px}.payment-result>div{padding:11px 13px}.payment-result b,.payment-result strong{font-size:20px}.payment-actions{grid-template-columns:110px 1fr}.cashier-mode .smart-assistant{bottom:14px}.cashier-mode .smart-panel{bottom:5px}.pos-success{margin-inline:12px;align-items:flex-start;flex-direction:column}.pos-success .btn{width:100%}}
@media(max-width:390px){.cashier-brand div{max-width:120px}.cashier-branch-switch{display:none}.cashier-page-title .eyebrow{display:none}.product-grid,.cashier-mode .product-grid{grid-template-columns:1fr 1fr}.product{min-height:98px}.cart-column-head{display:none}.cart-line{grid-template-columns:minmax(0,1fr) 105px}.cart-line-total{grid-column:1/-1;justify-content:space-between;padding-left:2px}.cart-controls{grid-template-columns:1fr}.payment-total-hero{display:grid;gap:4px}.payment-total-hero strong{font-size:27px}.payment-actions{grid-template-columns:1fr}.payment-actions .btn.light{order:2}}
.payment-msg:empty{display:none}.payment-msg .flash{margin:0 0 12px;font-size:11px}

/* CC13 Cashier Flow UX */
.cashier-tool.cashier-primary{background:linear-gradient(135deg,#1685ff,#18b6ff);border-color:rgba(255,255,255,.24);box-shadow:0 8px 22px rgba(19,133,255,.28);color:#fff}.cashier-tool.active{background:rgba(255,255,255,.18);border-color:rgba(143,220,255,.48)}.cashier-tool.cashier-primary.active{background:linear-gradient(135deg,#0878ed,#0da8ee)}
.shift-ready-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #b8dfcf;background:linear-gradient(135deg,#f2fff9,#eef8ff);box-shadow:0 18px 46px rgba(11,90,76,.08)}.shift-ready-status{display:flex;align-items:center;gap:14px}.shift-ready-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;font-size:25px;font-weight:900;box-shadow:0 10px 24px rgba(16,185,129,.22)}.shift-ready-status h3{margin:2px 0 4px;color:#0b386d;font-size:20px}.shift-ready-status p{margin:0;color:#607a96;font-size:11px}.shift-start-transaction{min-width:210px;height:50px;justify-content:center;font-size:13px;box-shadow:0 12px 28px rgba(13,94,204,.18)}.shift-start-transaction span{font-size:20px;line-height:1}
@media(max-width:640px){.shift-ready-card{align-items:stretch;flex-direction:column;padding:17px}.shift-start-transaction{width:100%;min-width:0}.shift-ready-status{align-items:flex-start}.cashier-tool.cashier-primary{padding-inline:10px}}

/* CC14 Commercial Operations + Reporting Center */
.reporting-hero,.module-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 88% 18%,rgba(24,182,255,.17),transparent 30%),linear-gradient(135deg,#f8fbff,#edf5ff);border-color:#cfe0f6}.reporting-hero h2,.module-hero h2{margin:4px 0 6px;font-size:24px;color:#0b2d5f}.reporting-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-center{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px}.report-catalog{padding:12px;max-height:72vh;overflow:auto;position:sticky;top:86px}.report-group{display:grid;gap:4px;margin-bottom:13px}.report-group>b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f86a1;padding:5px 8px}.report-group a{display:block;padding:9px 10px;border-radius:10px;color:#35597e;text-decoration:none;font-size:12px;font-weight:750}.report-group a:hover{background:#f1f6fc}.report-group a.active{background:linear-gradient(135deg,#155eef,#0a78ff);color:#fff;box-shadow:0 8px 18px rgba(21,94,239,.18)}.report-preview{min-width:0}.report-table{max-height:64vh;overflow:auto}.report-table table{min-width:760px}.module-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-group h3{margin:0 0 12px;color:#0b326b}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-tile{position:relative;display:grid;gap:4px;min-height:96px;padding:14px;border:1px solid #dce7f3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);text-decoration:none;color:#17375e;transition:.18s ease}.module-tile:hover{transform:translateY(-2px);border-color:#9cc2f6;box-shadow:0 12px 28px rgba(13,71,140,.1)}.module-tile b{font-size:14px}.module-tile small{font-size:10px;color:#70849c;line-height:1.45}.module-tile span{position:absolute;right:12px;bottom:10px;color:#1475e8;font-size:18px}.payment-actions{grid-template-columns:110px minmax(120px,.8fr) minmax(150px,1.2fr)}
@media(max-width:980px){.report-center{grid-template-columns:1fr}.report-catalog{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-groups{grid-template-columns:1fr}}
@media(max-width:640px){.reporting-hero,.module-hero{align-items:flex-start;flex-direction:column}.report-catalog{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.payment-actions{grid-template-columns:1fr}.reporting-hero h2,.module-hero h2{font-size:20px}}

/* CC15 Premium Theme — Emerald Slate & Champagne
   Lebih tenang di mata, premium, profesional, dan tetap memiliki kontras tinggi. */
:root{
  --navy:#183c39;--navy2:#24554f;--blue:#2f766d;--blue2:#438f82;--cyan:#b98b52;
  --bg:#f3f3ee;--surface:#fff;--surface2:#f8f8f4;--ink:#263532;--muted:#6b7974;
  --line:#dce3de;--line2:#edf0ed;--ok:#2f7d62;--warn:#b47b2f;--danger:#c84b4b;
  --shadow:0 12px 34px rgba(31,67,61,.09);
}
body{background:radial-gradient(circle at 100% 0,rgba(185,139,82,.06),transparent 28%),var(--bg)}
.side{background:radial-gradient(circle at 25% 0,rgba(185,139,82,.16),transparent 27%),linear-gradient(180deg,#173936 0%,#1d4540 55%,#24554f 100%);box-shadow:10px 0 36px rgba(24,60,57,.10)}
.nav a{color:#dce9e4}.nav a.active{background:linear-gradient(135deg,rgba(185,139,82,.28),rgba(81,150,134,.22));box-shadow:inset 0 0 0 1px rgba(235,213,181,.20)}
.top{background:rgba(255,255,252,.94);border-bottom-color:#d9e1dc}.logout-link{color:#526a64}.logout-link:hover{background:#edf3ef;color:#2f766d}
.branch-switch select,.branch-pill{border-color:#cddbd5;background:#fbfcf9;color:#315b54}.menu-toggle,.sidebar-toggle,.top-assistant{border-color:#d3ddd8;background:#f7f9f6;color:#315b54}.sidebar-toggle:hover,.top-assistant:hover{border-color:#9ebdb4;background:#eef5f1;color:#2f766d}
.eyebrow{color:#7d684d}.card{border-color:#dce3de;box-shadow:var(--shadow)}.metric:after{background:linear-gradient(135deg,#edf5ef,#f6efe5)}
.badge{background:#e9f1ed;color:#315f55}.btn{background:linear-gradient(135deg,#2f766d,#438f82);box-shadow:0 7px 16px rgba(47,118,109,.18)}.btn:hover{box-shadow:0 10px 22px rgba(47,118,109,.23)}.btn.light{background:#eef4f0;color:#2d665d;border-color:#d5e2dc}
input,select,textarea{border-color:#cfdad5;background:#fffefb}input:focus,select:focus,textarea:focus{border-color:#79a99e;box-shadow:0 0 0 3px rgba(47,118,109,.11)}.link-btn{color:#2f766d}.filter-pills .active{background:#e6f1ec;border-color:#9fc8bc;color:#2f766d}
.table-wrap{border-color:#dce3de;box-shadow:0 7px 22px rgba(31,67,61,.045)}th{background:#f5f7f4;color:#586d67}tbody tr:hover{background:#fafbf8}
.login{background:radial-gradient(circle at 82% 2%,#e9efe9 0,#f4f1e9 40%,#faf9f5 76%)}.login:before{background:linear-gradient(135deg,rgba(47,118,109,.16),rgba(185,139,82,.12))}.login-brand{color:#25564f}
.pos-search-wrap{background:rgba(243,243,238,.92)}.product{border-color:#dbe4df;background:linear-gradient(155deg,#fffefb,#f8faf7);box-shadow:0 5px 18px rgba(31,67,61,.045)}.product:hover{border-color:#8eb9ae;box-shadow:0 12px 24px rgba(47,118,109,.12)}.product strong{color:#2c665d}.pos-total{background:linear-gradient(135deg,#1d4742,#2f766d)}
.premium-pos-layout .pos-products-card{background:linear-gradient(160deg,#fffefb,#f4f7f3);border-color:#d8e3dd}.premium-cart{border-color:#d4dfda;box-shadow:0 24px 65px rgba(31,67,61,.12)}.pos-cart-head{background:radial-gradient(circle at 90% 10%,rgba(185,139,82,.18),transparent 34%),linear-gradient(135deg,#173936,#285d55)}.pos-cart-head .eyebrow{color:#e8c99f}.pos-summary-grand{background:linear-gradient(135deg,#eef5f0,#f8f1e7);border-color:#d8e4dc}.pos-summary-grand span{color:#36685f}.pos-summary-grand strong{color:#2a665d}
.cashier-mode{background:#edf0eb}.cashier-top{background:radial-gradient(circle at 18% -55%,rgba(185,139,82,.32),transparent 40%),linear-gradient(90deg,#173936,#204d47 65%,#2a6259);box-shadow:0 12px 36px rgba(24,60,57,.18)}.cashier-brand small,.cashier-user small{color:#e3c79f}.cashier-store span{color:#b9d7ce}.cashier-tool.cashier-primary{background:linear-gradient(135deg,#3b8075,#b48853);box-shadow:0 8px 22px rgba(47,118,109,.24)}.cashier-tool.cashier-primary.active{background:linear-gradient(135deg,#2f7168,#a77c49)}.cashier-clock b{color:#2e675e}
.smart-fab{border-color:#d9e3dd;box-shadow:0 16px 38px rgba(24,60,57,.24)}.smart-panel{border-color:#d6e0db;box-shadow:0 24px 70px rgba(24,60,57,.26)}.smart-header{background:radial-gradient(circle at 10% -30%,#b98b52 0,transparent 45%),linear-gradient(135deg,#173936,#2b655c)}.smart-messages{background:linear-gradient(180deg,#f4f7f3,#fbfaf7)}.smart-user,.user{background:#dfeee8}.smart-mic,.smart-wake-toggle,.smart-auto-send-toggle{background:#eaf2ee}.smart-send{background:#2f766d}
.reporting-hero,.module-hero{background:radial-gradient(circle at 88% 18%,rgba(185,139,82,.15),transparent 30%),linear-gradient(135deg,#fafaf6,#edf4ef);border-color:#d8e2dc}.reporting-hero h2,.module-hero h2,.module-group h3{color:#285f57}.report-group a{color:#4d6862}.report-group a:hover{background:#f0f4f1}.report-group a.active{background:linear-gradient(135deg,#2f766d,#4e9185);box-shadow:0 8px 18px rgba(47,118,109,.18)}.module-tile{border-color:#dce4df;background:linear-gradient(180deg,#fffefb,#f7f9f6);color:#315b54}.module-tile:hover{border-color:#9fc1b7;box-shadow:0 12px 28px rgba(47,118,109,.10)}.module-tile span{color:#b1844f}
.multi-branch-note,.transfer-note{background:#edf4ef;border-color:#d3e0da;color:#41665e}.shift-ready-card{border-color:#c9dfd4;background:linear-gradient(135deg,#f4faf6,#f8f4ed)}.shift-ready-status h3{color:#2a6159}.shift-ready-icon{background:linear-gradient(135deg,#3a816f,#63a081)}
/* CC15 detail harmonization */
.card{background:linear-gradient(180deg,rgba(255,255,252,.99),rgba(250,251,247,.97))}.metric{background:linear-gradient(160deg,#fffefb 0%,#f4f7f3 100%)}.metric b{color:#285f57}.field{color:#4e625c}.filter-pills a,.filter-pills button{border-color:#d6e1db;background:#fffefb}.filter-pills .active{background:#e7f1ec;border-color:#a5c7bc;color:#2f766d}
.pos-short-badge{border-color:#d0ddd7;color:#647c75}.product-sku{color:#718a82}.product-name{color:#315b54}.product-meta{color:#71857f}.cart-column-head{background:#f5f7f4;color:#6f817b}.cart-empty{color:#788b84}.cart-empty b{color:#506862}.qty-control{border-color:#d5e0da}.qty-control button{background:#f0f4f1;color:#347268}.cart-line-total b{color:#315f57}.cart-controls{background:#fafbf8}.pos-summary>div{color:#687c75}.pos-summary b{color:#3b675f}.pos-shortcuts,.payment-hint{color:#788b84}.pos-shortcuts kbd,.payment-hint kbd{border-color:#d2ddd8;background:#f4f6f3;color:#536f67}
.payment-backdrop{background:rgba(19,45,42,.58)}.payment-dialog{background:#fffefb;box-shadow:0 36px 110px rgba(24,60,57,.35)}.payment-head h2{color:#285f57}.payment-head p{color:#73847e}.payment-close{border-color:#d7e0db;background:#f7f9f6;color:#536c65}.payment-total-hero{background:radial-gradient(circle at 92% 10%,rgba(185,139,82,.25),transparent 30%),linear-gradient(135deg,#173936,#2f766d)}.payment-method{border-color:#d8e2dd;background:#f8faf7;color:#526d66}.payment-method.active{border-color:#2f766d;background:linear-gradient(135deg,#2f766d,#438f82);box-shadow:0 9px 21px rgba(47,118,109,.20)}
.reporting-hero h2,.module-hero h2{color:#285f57}.report-group>b{color:#7b8174}.module-group h3{color:#285f57}.module-tile small{color:#71827c}

/* CC15.2 — E-Kreasi Library Green & Gold Theme
   Palet 1:1 dari E-Kreasi School Library:
   primary #14532d · primary-dark #0f3d22 · secondary #f4b942
   background #f3f6f4 · text #1f2937 · muted #6b7280 · border #dbe3de */
:root{
  --navy:#0f3d22;--navy2:#14532d;--blue:#14532d;--blue2:#1e6b3a;--cyan:#f4b942;
  --bg:#f3f6f4;--surface:#ffffff;--surface2:#f8faf9;--ink:#1f2937;--muted:#6b7280;
  --line:#dbe3de;--line2:#edf2ef;--ok:#137a3f;--warn:#b7791f;--danger:#b42318;
  --shadow:0 10px 30px rgba(15,61,34,.08);
}
body{background:var(--bg);color:var(--ink)}
.side{background:linear-gradient(180deg,#0f3d22 0%,#14532d 58%,#1e6b3a 100%);box-shadow:10px 0 36px rgba(15,61,34,.10)}
.nav a{color:#e6f1ea}.nav a:hover{background:rgba(255,255,255,.10);color:#fff}.nav a.active{background:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 #f4b942;color:#fff}
.side-foot{color:rgba(255,255,255,.62)}
.top{background:rgba(255,255,255,.96);border-bottom-color:#dbe3de}.logout-link{color:#456050}.logout-link:hover{background:#eef5f0;color:#14532d}
.branch-switch select,.branch-pill{border-color:#cddbd2;background:#f8faf9;color:#254a34}.menu-toggle,.sidebar-toggle,.top-assistant{border-color:#d5e1d9;background:#f8faf9;color:#254a34}.sidebar-toggle:hover,.top-assistant:hover{border-color:#9ec2aa;background:#eaf4ed;color:#14532d}
.eyebrow{color:#8a6517}.card{background:#fff;border-color:#dbe3de;box-shadow:var(--shadow)}.metric{background:linear-gradient(160deg,#fff 0%,#f8faf9 100%)}.metric:after{background:linear-gradient(135deg,#eaf4ed,#fff5dc)}.metric b,.big-number{color:#0f3d22}
.badge{background:#eaf4ed;color:#14532d}.btn{background:#14532d;box-shadow:0 7px 16px rgba(20,83,45,.17)}.btn:hover{background:#0f3d22;box-shadow:0 10px 22px rgba(15,61,34,.22)}.btn.light{background:#eef3f0;color:#0f3d22;border-color:#dbe3de}.btn.light:hover{background:#dde8e1}.link-btn{color:#14532d}
input,select,textarea{border-color:#cbd5ce;background:#fff;color:#1f2937}input:focus,select:focus,textarea:focus{border-color:#14532d;box-shadow:0 0 0 3px rgba(20,83,45,.12)}.field{color:#42554a}.filter-pills a,.filter-pills button{border-color:#dbe3de;background:#fff}.filter-pills .active{background:#eaf4ed;border-color:#a8cdb3;color:#14532d}
.table-wrap{border-color:#dbe3de;box-shadow:0 7px 22px rgba(15,61,34,.045)}th{background:#f8faf9;color:#5d6f64}tbody tr:hover{background:#fbfdfc}
.login{background:radial-gradient(circle at top right,rgba(244,185,66,.20),transparent 32%),linear-gradient(135deg,#0f3d22,#14532d)}.login:before{background:linear-gradient(135deg,rgba(244,185,66,.15),rgba(255,255,255,.04))}.login .card{background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22)}.login-brand{color:#0f3d22}
.pos-search-wrap{background:rgba(243,246,244,.94)}.product{border-color:#dbe3de;background:#fff;box-shadow:0 5px 18px rgba(15,61,34,.045)}.product:hover{border-color:#8fbc9c;box-shadow:0 12px 24px rgba(20,83,45,.11)}.product strong,.product-name{color:#0f3d22}.product-sku,.product-meta{color:#6b7280}.pos-total{background:linear-gradient(135deg,#0f3d22,#14532d)}
.premium-pos-layout .pos-products-card{background:linear-gradient(160deg,#fff,#f6faf7);border-color:#dbe3de}.premium-cart{border-color:#dbe3de;box-shadow:0 24px 65px rgba(15,61,34,.11)}.pos-cart-head{background:radial-gradient(circle at 90% 10%,rgba(244,185,66,.22),transparent 34%),linear-gradient(135deg,#0f3d22,#14532d)}.pos-cart-head .eyebrow{color:#f6d88a}.pos-summary-grand{background:linear-gradient(135deg,#eaf4ed,#fff4d8);border-color:#dbe3de}.pos-summary-grand span{color:#356348}.pos-summary-grand strong{color:#0f3d22}
.cashier-mode{background:#eef3f0}.cashier-top{background:radial-gradient(circle at 18% -55%,rgba(244,185,66,.28),transparent 40%),linear-gradient(90deg,#0f3d22,#14532d 65%,#1e6b3a);box-shadow:0 12px 36px rgba(15,61,34,.18)}.cashier-brand small,.cashier-user small{color:#f5cf72}.cashier-store span{color:#b7d8c1}.cashier-tool.cashier-primary{background:linear-gradient(135deg,#14532d,#1e6b3a);box-shadow:0 8px 22px rgba(20,83,45,.24);border-color:rgba(244,185,66,.35)}.cashier-tool.cashier-primary.active{background:linear-gradient(135deg,#0f3d22,#14532d)}.cashier-clock b{color:#14532d}
.smart-fab{border:2px solid rgba(255,255,255,.86);background:linear-gradient(145deg,#f8d477 0%,#edbc49 100%);box-shadow:0 14px 34px rgba(9,49,28,.30)}.smart-panel{border-color:#d6e3db;box-shadow:0 26px 70px rgba(12,36,22,.28)}.smart-header{background:linear-gradient(135deg,#123f25 0%,#0d694f 100%)}.smart-messages{background:linear-gradient(180deg,#fbfdfc 0%,#f6faf7 100%)}.smart-user,.user{background:#e6f4eb;color:#163d27}.smart-assistant-message,.assistant{border-color:#e0e8e3}.smart-suggestions button{border-color:#d8e7de;background:#f3faf6;color:#24533c}.smart-mic,.smart-wake-toggle,.smart-auto-send-toggle{background:#f5faf7;color:#176b4e}.smart-send{background:#176b4e}.smart-footer-note{background:#fff;color:#6b7280}
.reporting-hero,.module-hero{background:radial-gradient(circle at 88% 18%,rgba(244,185,66,.18),transparent 30%),linear-gradient(135deg,#fff,#eef6f0);border-color:#dbe3de}.reporting-hero h2,.module-hero h2,.module-group h3{color:#0f3d22}.report-group a{color:#4c6253}.report-group a:hover{background:#f3f7f4}.report-group a.active{background:#14532d;box-shadow:0 8px 18px rgba(20,83,45,.18);color:#fff}.module-tile{border-color:#dbe3de;background:#fff;color:#294b35}.module-tile:hover{border-color:#a8cdb3;box-shadow:0 12px 28px rgba(20,83,45,.10)}.module-tile span{color:#b17a11}
.multi-branch-note,.transfer-note{background:#eef7f1;border-color:#cfe1d4;color:#3d654a}.shift-ready-card{border-color:#c9dfd0;background:linear-gradient(135deg,#f4faf6,#fff8e9)}.shift-ready-status h3{color:#14532d}.shift-ready-icon{background:linear-gradient(135deg,#14532d,#39a766)}
.cart-column-head{background:#f8faf9;color:#64766b}.cart-empty{color:#6b7280}.cart-empty b{color:#42584a}.qty-control{border-color:#d5e0d8}.qty-control button{background:#f0f5f2;color:#14532d}.cart-line-total b{color:#0f3d22}.cart-controls{background:#fbfdfc}.pos-summary>div{color:#6b7280}.pos-summary b{color:#2d5a3d}.pos-shortcuts,.payment-hint{color:#6b7280}.pos-shortcuts kbd,.payment-hint kbd{border-color:#dbe3de;background:#f8faf9;color:#4e6656}
.payment-backdrop{background:rgba(8,37,21,.58)}.payment-dialog{background:#fff;box-shadow:0 36px 110px rgba(15,61,34,.34)}.payment-head h2{color:#0f3d22}.payment-head p{color:#6b7280}.payment-close{border-color:#dbe3de;background:#f8faf9;color:#4e6656}.payment-total-hero{background:radial-gradient(circle at 92% 10%,rgba(244,185,66,.26),transparent 30%),linear-gradient(135deg,#0f3d22,#14532d)}.payment-method{border-color:#dbe3de;background:#f8faf9;color:#4e6656}.payment-method.active{border-color:#14532d;background:linear-gradient(135deg,#14532d,#1e6b3a);box-shadow:0 9px 21px rgba(20,83,45,.20)}
@media(max-width:760px){.side{background:linear-gradient(180deg,#0f3d22,#14532d)}.cashier-top{background:linear-gradient(90deg,#0f3d22,#14532d)}}

/* CC16.0 — Premium Enterprise Login + Excel Data Center + Fixed POS Checkout Workspace */
.login-body{background:#0b2f1b;min-height:100vh}.enterprise-login{min-height:100vh;display:block;padding:0;background:#0b2f1b;isolation:isolate}.enterprise-login:before{display:none}.login-bg-image{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}.enterprise-login .login-shade{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(6,35,19,.94) 0%,rgba(9,50,28,.88) 34%,rgba(8,43,25,.52) 62%,rgba(7,31,19,.62) 100%),radial-gradient(circle at 20% 10%,rgba(244,185,66,.18),transparent 34%)}.login-enterprise-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:46px clamp(24px,5vw,78px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.65fr);gap:clamp(34px,6vw,88px);align-items:center}.login-hero{color:#fff;max-width:760px;display:grid;gap:20px}.login-hero-brand{display:flex;align-items:center;gap:12px}.login-hero-brand img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;padding:5px;box-shadow:0 14px 36px rgba(0,0,0,.22)}.login-hero-brand div{display:grid}.login-hero-brand strong{font-size:17px;letter-spacing:-.2px}.login-hero-brand small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#d9eadf}.login-premium-badge{justify-self:start;padding:8px 11px;border:1px solid rgba(244,185,66,.48);border-radius:999px;background:rgba(244,185,66,.10);color:#f8d77f;font-size:9px;font-weight:900;letter-spacing:.12em}.login-hero h1{max-width:720px;font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-2.1px;color:#fff}.login-hero>p{max-width:670px;margin:0;color:#d8e8de;font-size:15px;line-height:1.75}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.login-feature-grid>div{display:flex;align-items:flex-start;gap:10px;min-height:88px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.login-feature-grid b{color:#f4b942;font-size:11px}.login-feature-grid span{display:grid;font-size:12px;font-weight:850}.login-feature-grid small{margin-top:3px;color:#c2d9ca;font-size:9px;font-weight:600;line-height:1.45}.login-insight-card{width:min(560px,100%);padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.055));backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.14)}.login-insight-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-insight-head span:first-child{display:grid}.login-insight-head small{color:#b9d3c1;font-size:8px;letter-spacing:.12em}.login-insight-head b{font-size:13px}.login-live-dot{color:#f4ce6a;font-size:9px;font-weight:900}.login-insight-bars{height:66px;display:flex;align-items:end;gap:7px;padding:10px 0 8px}.login-insight-bars i{display:block;flex:1;height:var(--bar);min-height:10px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#f6cc64,#2da460);box-shadow:0 4px 14px rgba(244,185,66,.16)}.login-insight-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;color:#cae0d1;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.login-panel-wrap{display:flex;justify-content:flex-end}.enterprise-login .enterprise-login-card{width:min(445px,100%);padding:30px;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:rgba(255,255,255,.965);box-shadow:0 36px 100px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.login-card-top{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #e6ede8}.login-logo{width:58px;height:58px;object-fit:contain;border-radius:16px;background:linear-gradient(145deg,#fff,#eef6f0);padding:5px;border:1px solid #dce8df}.login-card-top .eyebrow{margin:0 0 2px;color:#9b741f}.login-card-top .login-brand{font-size:24px;line-height:1.1;color:#0f3d22}.login-card-top p{margin:5px 0 0;color:#6b7280;font-size:11px}.login-form{display:grid;gap:14px;margin-top:20px}.login-form .field{gap:7px;color:#344b3b}.login-form input{height:50px;border-radius:13px;background:#fbfdfc}.login-submit{height:52px;margin-top:2px;justify-content:space-between;padding-inline:18px;background:linear-gradient(135deg,#0f3d22,#176b3b 68%,#9f7619);box-shadow:0 12px 30px rgba(15,61,34,.23)}.login-submit span{font-size:20px}.login-error{margin:16px 0 0;font-size:11px}.login-security{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px;border:1px solid #dce8df;border-radius:13px;background:#f6faf7;color:#31563d}.login-security>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;background:#e4f2e8;color:#14532d;font-weight:900}.login-security p{display:grid;margin:0}.login-security b{font-size:10px}.login-security small{margin-top:2px;color:#6b7280;font-size:9px}.enterprise-login .login-foot{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid #e6ede8;color:#77827a;font-size:8px;text-transform:uppercase;letter-spacing:.06em}

.excel-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 88% 8%,rgba(244,185,66,.22),transparent 30%),linear-gradient(135deg,#fff,#eef7f1);border-color:#cfe0d4}.excel-hero h2{margin:2px 0 6px;font-size:28px;color:#0f3d22}.excel-hero p{max-width:850px;margin:0;color:#607168;font-size:12px}.excel-hero-actions{display:grid;justify-items:end;gap:8px;min-width:250px}.excel-guard{font-size:8px;font-weight:850;color:#65766d;text-transform:uppercase;letter-spacing:.08em}.excel-module-tabs{display:flex;gap:8px;overflow:auto;padding:12px 1px 8px;scrollbar-width:thin}.excel-module-tabs a{min-width:142px;display:grid;gap:2px;padding:10px 12px;border:1px solid #d9e4dc;border-radius:13px;background:#fff;color:#3d5745;box-shadow:0 5px 18px rgba(15,61,34,.035)}.excel-module-tabs a b{font-size:11px}.excel-module-tabs a small{font-size:8px;color:#7b8780;text-transform:uppercase;letter-spacing:.06em}.excel-module-tabs a.active{background:linear-gradient(135deg,#0f3d22,#14532d);border-color:#14532d;color:#fff;box-shadow:0 10px 24px rgba(20,83,45,.18)}.excel-module-tabs a.active small{color:#f2d17b}.excel-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.excel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.excel-upload-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:14px;align-items:end}.excel-upload-form .full{grid-column:1/-1}.excel-submit-field{align-self:end}.excel-submit-field .btn{margin-top:3px;width:100%}.excel-safety-card ol{margin:12px 0 14px;padding-left:22px;color:#405a48;font-size:11px;line-height:1.85}.excel-safety-note{display:grid;gap:6px;padding:12px;border:1px solid #d8e5dc;border-radius:13px;background:#f7faf8}.excel-safety-note b{color:#0f3d22;font-size:11px}.excel-safety-note span{font-size:9px;color:#66776d}.excel-safety-note span:before{content:'✓';margin-right:6px;color:#168348;font-weight:900}.excel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.excel-metrics>div{display:grid;padding:12px;border:1px solid #dde7e0;border-radius:13px;background:#f9fbfa}.excel-metrics span{font-size:9px;color:#718078;text-transform:uppercase;letter-spacing:.06em}.excel-metrics b{font-size:23px;color:#274a33}.excel-metrics .good{background:#f0faf3;border-color:#cde8d5}.excel-metrics .good b{color:#137a3f}.excel-metrics .warn{background:#fff8e8;border-color:#f0ddb0}.excel-metrics .warn b{color:#a46b00}.excel-metrics .bad{background:#fff2f0;border-color:#f1cbc6}.excel-metrics .bad b{color:#b42318}.excel-commit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;margin-bottom:13px;border:1px solid #beddc7;border-radius:14px;background:#f0faf3}.excel-commit div{display:grid}.excel-commit b{color:#14532d}.excel-commit small{color:#607168;font-size:9px}.excel-preview-table{max-height:58vh}.excel-preview-table table{min-width:1100px}.excel-preview-table td{white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}

/* POS cashier efficiency: cart items scroll independently while totals + Pay remain visible */
@media(min-width:901px){.premium-cart{height:calc(100vh - var(--top-h) - 34px);max-height:calc(100vh - var(--top-h) - 34px);display:flex;flex-direction:column;overflow:hidden}.cashier-mode .premium-cart{height:calc(100vh - 102px);max-height:calc(100vh - 102px)}.premium-cart .pos-cart-head,.premium-cart .cart-column-head,.premium-cart .cart-controls,.premium-cart .pos-summary,.premium-cart .checkout-btn,.premium-cart .pos-shortcuts{flex:0 0 auto}.premium-cart .cart-list{flex:1 1 auto;min-height:96px;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.premium-cart .cart-controls,.premium-cart .pos-summary,.premium-cart .checkout-btn,.premium-cart .pos-shortcuts{position:relative;z-index:2}.premium-cart #posmsg:empty{display:none}.premium-cart #posmsg{flex:0 1 auto;margin:0 16px 8px;max-height:72px;overflow:auto}.premium-cart .checkout-btn{margin-top:0}.cashier-mode .pos-products-card{max-height:calc(100vh - 102px);overflow:auto}.cashier-mode .pos-search-wrap{top:-1px}.page-pos:not(.cashier-mode) .pos-products-card{max-height:calc(100vh - var(--top-h) - 34px);overflow:auto}.page-pos:not(.cashier-mode) .pos-search-wrap{top:-1px}}

@media(max-width:980px){.login-enterprise-shell{grid-template-columns:1fr;gap:26px;padding:30px 22px}.login-hero{max-width:none}.login-hero h1{font-size:42px;max-width:760px}.login-insight-card{display:none}.login-panel-wrap{justify-content:flex-start}.enterprise-login .enterprise-login-card{width:min(520px,100%)}.excel-grid{grid-template-columns:1fr}.excel-hero{align-items:flex-start;flex-direction:column}.excel-hero-actions{justify-items:start;min-width:0}.excel-upload-form{grid-template-columns:1fr}}
@media(max-width:640px){.enterprise-login .login-shade{background:linear-gradient(180deg,rgba(7,40,22,.90),rgba(8,46,26,.78) 42%,rgba(8,35,21,.92))}.login-enterprise-shell{padding:22px 13px;align-content:center}.login-hero{gap:13px}.login-hero-brand img{width:46px;height:46px}.login-premium-badge{font-size:7px}.login-hero h1{font-size:31px;letter-spacing:-1.1px}.login-hero>p{font-size:11px;line-height:1.55}.login-feature-grid{grid-template-columns:1fr 1fr}.login-feature-grid>div:nth-child(3){grid-column:1/-1}.login-feature-grid>div{min-height:68px;padding:10px}.enterprise-login .enterprise-login-card{padding:20px;border-radius:21px}.login-card-top .login-brand{font-size:20px}.login-card-top p{font-size:9px}.login-logo{width:50px;height:50px}.enterprise-login .login-foot{font-size:7px}.excel-hero{padding:16px}.excel-hero h2{font-size:22px}.excel-module-tabs a{min-width:122px}.excel-metrics{grid-template-columns:1fr 1fr}.excel-commit{align-items:stretch;flex-direction:column}.excel-commit .btn{width:100%}.excel-actions .btn{width:100%}.excel-preview-table{max-height:55vh}.premium-cart .cart-list{max-height:44vh;overflow-y:auto}.checkout-btn{position:sticky;bottom:8px;z-index:8}}


/* ========================================================================== */
/* MR1 · Mobile Responsive Hardening — phone/tablet production UX             */
/* ========================================================================== */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.shell,.main,.content,.card,.top,.top-left,.top-actions,.cashier-shell,.cashier-main,.cashier-top,.cashier-actions,.premium-pos-layout,.pos-catalog,.premium-cart,.report-center,.report-preview,.excel-grid,.excel-grid>*{min-width:0}
.table-wrap,.report-table,.excel-module-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.mobile-checkout-dock{display:none}
@supports(height:100dvh){
  .shell,.side,.cashier-shell,.enterprise-login,.login-enterprise-shell{min-height:100dvh}
  .side{height:100dvh}
  .smart-panel{max-height:calc(100dvh - 16px)}
  .payment-dialog{max-height:calc(100dvh - 32px)}
  @media(min-width:901px){
    .premium-cart{height:calc(100dvh - var(--top-h) - 34px);max-height:calc(100dvh - var(--top-h) - 34px)}
    .cashier-mode .premium-cart{height:calc(100dvh - 102px);max-height:calc(100dvh - 102px)}
    .cashier-mode .pos-products-card{max-height:calc(100dvh - 102px)}
    .page-pos:not(.cashier-mode) .pos-products-card{max-height:calc(100dvh - var(--top-h) - 34px)}
  }
}
@media(max-width:900px){
  body.page-pos{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .mobile-checkout-dock{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:150;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;border:1px solid rgba(244,185,66,.42);border-radius:18px;background:linear-gradient(135deg,rgba(15,61,34,.98),rgba(20,83,45,.98));color:#fff;box-shadow:0 18px 50px rgba(7,40,22,.30);backdrop-filter:blur(14px);transform:translateY(calc(100% + 28px));opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
  .mobile-checkout-dock.has-items{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-checkout-total{display:grid;min-width:0}
  .mobile-checkout-total small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#cce0d2}
  .mobile-checkout-total strong{font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
  .mobile-checkout-dock .btn{min-height:44px;flex:0 0 auto;background:#f4b942;color:#18351f;box-shadow:none;padding:9px 18px}
  .mobile-checkout-dock .btn:disabled{background:#d4c18e;color:#5f5b49}
  .payment-dialog{max-height:calc(100dvh - 18px);padding-bottom:calc(15px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){
  .section-head{flex-direction:column;align-items:stretch}
  .section-head>.branch-pill{align-self:flex-start;max-width:100%}
  .section-head .row-actions{width:100%}
  .section-head .row-actions>.btn{flex:1 1 auto}
  .toolbar>.row-actions,.reporting-hero-actions{width:100%}
  .reporting-hero-actions>.btn{flex:1 1 auto}
  .report-catalog{display:flex!important;grid-template-columns:none!important;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:10px;scroll-snap-type:x proximity}
  .report-group{flex:0 0 min(230px,82vw);min-width:0;margin:0;scroll-snap-align:start;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc}
  .report-group>b{position:sticky;left:0;display:block;padding:5px 7px}
  .report-group a{padding:8px 9px}
  .report-preview .section-head{gap:10px}
  .report-preview .row-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .excel-module-tabs{padding-bottom:11px;scroll-snap-type:x proximity}
  .excel-module-tabs a{scroll-snap-align:start}
  .smart-panel{max-height:calc(100dvh - 12px)}
  .smart-composer{padding-bottom:calc(9px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .top{padding-inline:8px;gap:5px}
  .top-brand{display:none}
  .top-left,.top-actions{gap:5px}
  .top-actions{margin-left:auto}
  .branch-switch select{width:112px;max-width:112px;height:40px;padding-inline:7px}
  .branch-pill{max-width:108px}
  .top-assistant{width:38px;height:38px}
  .logout-link{padding:7px}
  .cashier-top{padding:0 8px;gap:6px}
  .cashier-brand div{display:none}
  .cashier-brand img{width:36px;height:36px;border-radius:10px}
  .cashier-actions{gap:3px;justify-content:flex-end}
  .cashier-branch-switch{display:block!important}
  .cashier-branch-switch select{width:90px;min-width:90px;max-width:90px;height:36px;padding:5px;font-size:9px}
  .cashier-tool,.cashier-logout{height:36px;min-width:38px;padding:0 7px;font-size:9px;justify-content:center}
  .cashier-content{padding-inline:9px}
  .cashier-page-title{align-items:flex-start}
  .cashier-page-title h1{font-size:18px}
  .pos-console-head{align-items:flex-start}
  .pos-short-badge{font-size:8px;padding:5px 7px}
  .product-grid,.cashier-mode .product-grid{gap:6px}
  .product{padding:9px}
  .cart-line{gap:6px}
  .mobile-checkout-dock{left:7px;right:7px;border-radius:16px}
  .login-enterprise-shell{padding:18px 11px 24px;gap:18px;align-content:start}
  .login-hero{gap:10px}
  .login-hero h1{font-size:28px;letter-spacing:-.9px}
  .login-feature-grid{grid-template-columns:1fr 1fr;gap:7px}
  .login-feature-grid>div{min-height:60px;padding:8px}
}
@media(max-width:390px){
  .cashier-brand img{width:34px;height:34px}
  .cashier-branch-switch{display:block!important}
  .cashier-branch-switch select{width:82px;min-width:82px;max-width:82px}
  .cashier-tool,.cashier-logout{min-width:36px;padding-inline:6px}
  .cashier-clock{display:none}
  .cashier-page-title{display:block}
  .login-feature-grid{grid-template-columns:1fr}
  .login-feature-grid>div:nth-child(3){grid-column:auto}
  .enterprise-login .login-foot{flex-wrap:wrap}
  .mobile-checkout-total strong{font-size:17px}
  .mobile-checkout-dock .btn{padding-inline:14px}
}

/* MR1 · touch target finishing */
@media(max-width:640px){.smart-icon-btn{min-width:38px;min-height:38px}.payment-close{width:44px;height:44px}.logout-form .logout-link{min-height:40px}}
@media(max-width:520px){.top-assistant{width:40px;height:40px}.cashier-branch-switch select{height:40px}.cashier-tool,.cashier-logout{height:40px;min-height:40px}.cashier-logout{min-width:46px}}
@media(max-width:390px){.cashier-branch-switch select{height:40px}.cashier-tool,.cashier-logout{height:40px;min-height:40px}}


/* ========================================================================== */
/* MR2 · TRUE FULL-WIDTH MOBILE — fixes premium desktop cascade on phones      */
/* ========================================================================== */
@media(max-width:900px){
  /* Desktop premium rules are declared later in the legacy cascade. On mobile,
     force the application shell out of the desktop grid completely. */
  body:not(.cashier-mode) .shell,
  body:not(.cashier-mode).sidebar-collapsed .shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-template-columns:none!important;
    margin:0!important;
  }
  body:not(.cashier-mode) .main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  body:not(.cashier-mode) .top{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    left:0!important;
    right:0!important;
    margin:0!important;
  }
  body:not(.cashier-mode) .content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:18px 16px 94px!important;
  }
  body:not(.cashier-mode) .side{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:-282px!important;
    width:268px!important;
    max-width:calc(100vw - 54px)!important;
    height:100dvh!important;
    z-index:55!important;
  }
  body:not(.cashier-mode) .side.open{left:0!important}
  body:not(.cashier-mode).sidebar-collapsed .side{padding-inline:14px!important}
  body:not(.cashier-mode).sidebar-collapsed .brand-rich span,
  body:not(.cashier-mode).sidebar-collapsed .nav-label,
  body:not(.cashier-mode).sidebar-collapsed .side-foot{display:initial!important}
  body:not(.cashier-mode).sidebar-collapsed .brand-rich{justify-content:flex-start!important;padding-inline:8px!important}
  body:not(.cashier-mode).sidebar-collapsed .nav a{justify-content:flex-start!important;padding-inline:12px!important}
  body:not(.cashier-mode).sidebar-collapsed .nav-ico{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:15px!important}

  .card,.module-hero,.module-group,.reporting-hero,.excel-hero,
  .pos-products-card,.premium-cart{max-width:100%;min-width:0}
  .toolbar,.section-head{max-width:100%}
}

@media(max-width:640px){
  body:not(.cashier-mode) .top{
    padding:0 10px!important;
    gap:6px!important;
  }
  body:not(.cashier-mode) .content{
    padding:16px 12px 94px!important;
  }
  body:not(.cashier-mode) .top-left{flex:0 0 auto;min-width:0}
  body:not(.cashier-mode) .top-actions{flex:1 1 auto;min-width:0;justify-content:flex-end;margin-left:auto}
  body:not(.cashier-mode) .branch-switch{min-width:0;max-width:44vw}
  body:not(.cashier-mode) .branch-switch select{
    width:clamp(106px,36vw,146px)!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body:not(.cashier-mode) .branch-pill{max-width:38vw!important}

  /* One clean access point on phones: header ✦. Floating robot no longer covers content. */
  body:not(.page-pos) .smart-fab{display:none!important}
  body:not(.page-pos) .smart-assistant{right:8px!important;bottom:8px!important}
  body:not(.page-pos) .smart-panel{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    width:auto!important;
    height:min(82dvh,680px)!important;
    max-height:calc(100dvh - 12px)!important;
  }

  /* Phone readability: cards really use the screen instead of a desktop column. */
  .module-hero,.reporting-hero,.excel-hero{padding:16px!important}
  .module-hero h2,.reporting-hero h2{font-size:20px!important;line-height:1.28}
  .module-hero p,.reporting-hero p{line-height:1.55}
  .module-group{padding:15px!important}
  .module-grid{gap:8px!important}
  .module-tile{min-height:88px;padding:13px!important}
  .pos-products-card{width:100%!important}
}

@media(max-width:520px){
  body:not(.cashier-mode) .content{padding-inline:10px!important}
  body:not(.cashier-mode) .top{padding-inline:8px!important}
  .toolbar h1,h1{font-size:22px!important}
  .grid{grid-template-columns:1fr!important}
  .metric{width:100%!important;min-height:118px}
  .metric b{font-size:24px!important;overflow-wrap:anywhere}
  .module-grid{grid-template-columns:1fr!important}
  .module-tile{width:100%!important}
  .product-grid,.cashier-mode .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product{min-width:0!important}
}

@media(max-width:360px){
  body:not(.cashier-mode) .top{padding-inline:6px!important}
  body:not(.cashier-mode) .content{padding-inline:8px!important}
  body:not(.cashier-mode) .branch-switch select{width:100px!important}
  .logout-link:after{font-size:9px!important}
  .product-grid,.cashier-mode .product-grid{gap:6px!important}
}

/* ========================================================================== 
   Reporting Center V2 + Executive Dashboard V2 · BI2 candidate
   ========================================================================== */
.nav-report-tree{margin:-3px 8px 8px 42px;padding:6px 0 5px 10px;border-left:1px solid rgba(212,167,44,.34)}
.nav-report-tree details{margin:2px 0}
.nav-report-tree summary{cursor:pointer;list-style:none;color:#b9c9bf;font-size:11px;font-weight:800;letter-spacing:.04em;padding:6px 8px;border-radius:8px}
.nav-report-tree summary::-webkit-details-marker{display:none}
.nav-report-tree summary:before{content:'›';display:inline-block;width:14px;color:#d4a72c;transition:.2s transform}
.nav-report-tree details[open] summary:before{transform:rotate(90deg)}
.nav-report-tree details>div{display:grid;gap:2px;padding:2px 0 5px}
.nav-report-tree details a{display:block!important;min-height:0!important;padding:6px 8px!important;border-radius:7px!important;font-size:10.5px!important;color:#aebeb4!important;background:transparent!important}
.nav-report-tree details a.active{color:#fff!important;background:rgba(212,167,44,.16)!important;border-left:2px solid #d4a72c}

.dashboard-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.dashboard-v2-head h2{margin:4px 0 3px;font-size:28px;line-height:1.15;color:#183026}.dashboard-v2-head p{margin:0}
.dashboard-period{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:10px 14px;border:1px solid #dce6df;border-radius:14px;background:#fff}.dashboard-period span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#9b771c}.dashboard-period b{font-size:12px;color:#315142}
.executive-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.executive-kpi{min-width:0;position:relative;overflow:hidden;padding:17px 16px!important}.executive-kpi:after{content:'';position:absolute;right:-34px;top:-34px;width:86px;height:86px;border-radius:50%;background:rgba(212,167,44,.10)}
.executive-kpi span{display:block;font-size:11px;color:#748079}.executive-kpi b{display:block;margin-top:8px;font-size:22px;line-height:1.1;color:#0f4b2a;overflow-wrap:anywhere}.executive-kpi small{display:block;margin-top:8px;color:#8a948e;font-size:9px}
.dashboard-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-chart-grid .span2{grid-column:span 2}.chart-card{min-width:0}.chart-card h3,.report-chart-card h4{margin:2px 0 0}.chart-host{min-height:238px;width:100%;display:flex;align-items:center;justify-content:center;color:#718078}.chart-host.chart-large{min-height:300px}.chart-svg{width:100%;height:auto;max-height:360px;overflow:visible}.donut-wrap{width:100%;display:grid;grid-template-columns:minmax(160px,.9fr) minmax(130px,1.1fr);align-items:center;gap:10px}.donut-svg{max-height:235px}.donut-legend{display:grid;gap:7px;min-width:0}.donut-legend>div{display:flex;gap:8px;align-items:flex-start;min-width:0}.donut-legend i{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:0 0 auto}.donut-legend span{min-width:0}.donut-legend b{display:block;font-size:10px;color:#263b31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-legend small{display:block;color:#7a8880;font-size:9px;margin-top:1px}
.text-link{font-size:10px;font-weight:700;color:#9b771c;text-decoration:none}.text-link:hover{text-decoration:underline}
.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px}.branch-scorecards{display:grid;gap:10px}.branch-score{border:1px solid #e0e8e3;border-radius:14px;padding:13px 14px;background:linear-gradient(135deg,#fff,#fbfdfb)}.branch-score>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.branch-score>div>b{color:#183c28}.branch-score>div>span{font-size:9px;font-weight:800;color:#1d7b45}.branch-score>div>span.down{color:#a63d3d}.branch-score dl{margin:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.branch-score dl div{min-width:0}.branch-score dt{font-size:9px;color:#7c8982}.branch-score dd{margin:3px 0 0;font-size:11px;font-weight:700;color:#2d4337;overflow-wrap:anywhere}
.inventory-health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.inventory-health-grid>div{padding:12px;border-radius:12px;background:#f1f6f3}.inventory-health-grid span{display:block;font-size:9px;color:#748079}.inventory-health-grid b{font-size:22px;color:#14532d}.inventory-value{margin-top:10px;padding:14px;border-radius:12px;background:#103f25;color:white}.inventory-value span{display:block;font-size:10px;color:#cfe2d5}.inventory-value strong{display:block;margin-top:5px;font-size:20px;color:#f6d36c;overflow-wrap:anywhere}
.copilot-insights{background:linear-gradient(135deg,#0c3b22 0%,#14532d 60%,#1d6539 100%)!important;color:#fff;border-color:#0f4f2d!important}.copilot-insights .eyebrow{color:#f2c44f}.copilot-insights h3{color:#fff}.copilot-insights-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.copilot-insight-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.copilot-insight-grid article{padding:13px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.copilot-insight-grid article span{font-size:9px;color:#b9d5c4}.copilot-insight-grid article b{display:block;margin-top:4px;font-size:15px;color:#f6d36c}.copilot-insight-grid article p{font-size:10px;color:#dceae1;margin:5px 0 0;line-height:1.45}

.reporting-v2-hero{display:flex!important;align-items:center;justify-content:space-between;gap:18px}.reporting-v2-hero h2{margin:4px 0}.reporting-v2-hero p{margin:0}.report-mobile-nav{display:none}.report-filter-bar{position:sticky;top:76px;z-index:12;padding:12px!important;box-shadow:0 9px 22px rgba(23,57,38,.06)}.report-filter-primary{display:grid;grid-template-columns:160px 155px 155px minmax(180px,1fr) auto auto;gap:9px;align-items:end}.report-filter-primary .field{margin:0}.custom-date{display:none}.custom-date.is-visible{display:flex}.advanced-filter{margin-top:10px;border-top:1px solid #e1e8e3;padding-top:9px}.advanced-filter summary{cursor:pointer;font-size:10px;font-weight:800;color:#416150}.advanced-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:9px;margin-top:9px}.advanced-filter-grid .field{margin:0}.report-workspace{min-width:0}.report-workspace-head{align-items:flex-start}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.report-kpi{padding:12px 13px;border:1px solid #dfe8e2;background:#f9fcfa;border-radius:12px;min-width:0}.report-kpi span{display:block;font-size:9px;color:#75827b}.report-kpi b{display:block;font-size:18px;color:#154c2c;margin-top:5px;overflow-wrap:anywhere}.active-filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.active-filter-chips span{font-size:9px;padding:5px 8px;border-radius:99px;background:#edf5f0;color:#315a43;border:1px solid #d7e5dc}.report-chart-card{margin:12px 0 16px;padding:14px;border:1px solid #e0e8e3;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdfc)}.report-chart{min-height:270px}.report-table{margin-top:10px}.report-table table th{position:sticky;top:0;z-index:2}

.print-settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:14px}.header-line-editor{display:grid;gap:8px}.header-line-row{display:grid;grid-template-columns:110px minmax(240px,1fr) 88px 100px 70px;gap:8px;align-items:center;padding:8px;border:1px solid #e1e8e3;border-radius:12px;background:#fbfdfc}.header-line-row input,.header-line-row select{width:100%}.check-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#3e574a}.check-field input{width:16px;height:16px;accent-color:#14532d}.check-field.compact{font-size:10px}.settings-section-title{margin:20px 0 9px;color:#173d28}.signer-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.signer-editor-card{padding:12px;border:1px solid #dfe7e2;border-radius:12px;background:#fbfdfc}.signer-editor-card .field{margin-top:8px}.print-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.print-preview-mini{align-self:start;position:sticky;top:92px}.paper-mini{margin-top:12px;padding:18px 14px;min-height:440px;border:1px solid #d9dfdb;background:#fff;box-shadow:0 12px 30px #17382415;text-align:center;color:#253a2f}.paper-mini-logo{width:44px;height:44px;margin:0 auto 8px;border-radius:10px;background:#edf4ef;display:grid;place-items:center;font-size:8px;color:#557164}.paper-mini hr{margin:12px 0}.paper-mini>small{display:block;margin-top:4px;color:#7d8982}.paper-mini-kpi{margin-top:20px;height:140px;border:1px dashed #ccd9d1;display:grid;place-items:center;color:#77867d}.paper-mini-sign{margin-top:40px;padding-top:25px;border-top:1px solid #e4e9e6;color:#7b887f}

@media(max-width:1180px){.executive-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-chart-grid{grid-template-columns:repeat(2,1fr)}.dashboard-chart-grid .span2{grid-column:span 2}.copilot-insight-grid{grid-template-columns:repeat(2,1fr)}.report-filter-primary{grid-template-columns:repeat(3,minmax(150px,1fr))}.report-filter-primary .btn{align-self:end}.advanced-filter-grid{grid-template-columns:repeat(2,1fr)}.header-line-row{grid-template-columns:100px 1fr 80px 90px}.header-line-row .check-field.compact{grid-column:2/3}.print-option-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dashboard-bottom-grid{grid-template-columns:1fr}.branch-score dl{grid-template-columns:repeat(2,1fr)}.print-settings-grid{grid-template-columns:1fr}.print-preview-mini{position:static}.signer-editor{grid-template-columns:1fr}.report-filter-bar{top:68px}.nav-report-tree{margin-left:24px}.report-mobile-nav{display:block}.reporting-v2-hero{align-items:flex-start!important}.reporting-hero-actions{flex-wrap:wrap}.report-filter-primary{grid-template-columns:repeat(2,1fr)}.report-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dashboard-v2-head{align-items:flex-start;flex-direction:column}.dashboard-period{align-items:flex-start;width:100%}.executive-kpis{grid-template-columns:1fr 1fr}.executive-kpi b{font-size:18px}.dashboard-chart-grid{grid-template-columns:1fr}.dashboard-chart-grid .span2{grid-column:auto}.chart-host,.chart-host.chart-large{min-height:210px}.donut-wrap{grid-template-columns:1fr}.donut-svg{max-height:210px}.donut-legend{grid-template-columns:1fr 1fr}.copilot-insights-title{align-items:flex-start;flex-direction:column}.copilot-insight-grid{grid-template-columns:1fr 1fr}.reporting-v2-hero{flex-direction:column}.report-filter-bar{position:static}.report-filter-primary{grid-template-columns:1fr 1fr}.report-filter-primary .btn{width:100%}.advanced-filter-grid{grid-template-columns:1fr}.report-kpi-grid{grid-template-columns:1fr 1fr}.report-workspace-head{flex-direction:column;gap:10px}.report-workspace-head .row-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.report-workspace-head .btn{width:100%;text-align:center}.header-line-row{grid-template-columns:1fr 88px 100px}.header-line-row>.check-field:first-child{grid-column:1/4}.header-line-row>input{grid-column:1/4}.header-line-row .check-field.compact{grid-column:auto}.print-option-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.executive-kpis{grid-template-columns:1fr}.copilot-insight-grid{grid-template-columns:1fr}.report-filter-primary{grid-template-columns:1fr}.report-kpi-grid{grid-template-columns:1fr}.donut-legend{grid-template-columns:1fr}.header-line-row{grid-template-columns:1fr 1fr}.header-line-row>.check-field:first-child,.header-line-row>input{grid-column:1/3}.print-option-grid{grid-template-columns:1fr}}
body:not(.cashier-mode).sidebar-collapsed .nav-report-tree{display:none}
@media(max-width:900px){body:not(.cashier-mode).sidebar-collapsed .nav-report-tree{display:block}}
.nav-report-tree .nav-report-config{display:block!important;margin-top:7px!important;padding:8px!important;border-top:1px solid rgba(212,167,44,.22);color:#e7c96d!important;font-size:10.5px!important}

/* ========================================================================== */
/* MR3 · REPORTING NAVIGATION + EXECUTIVE DASHBOARD POLISH                    */
/* Full desktop/tablet/mobile responsive refinement · Schema 007 unchanged    */
/* ========================================================================== */

@media (min-width:901px){
  body:not(.cashier-mode) .shell{display:block!important;min-height:100vh}
  body:not(.cashier-mode) .side{
    position:fixed!important;inset:0 auto 0 0!important;width:var(--side-w)!important;height:100dvh!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:55
  }
  body:not(.cashier-mode) .side .brand-rich{flex:0 0 auto}
  body:not(.cashier-mode) .side .nav{
    flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;padding-bottom:14px;
    scrollbar-width:thin;scrollbar-color:rgba(244,185,66,.35) transparent;overscroll-behavior:contain
  }
  body:not(.cashier-mode) .side .nav::-webkit-scrollbar{width:6px}
  body:not(.cashier-mode) .side .nav::-webkit-scrollbar-thumb{background:rgba(244,185,66,.34);border-radius:10px}
  body:not(.cashier-mode) .side-foot{flex:0 0 auto;margin-top:7px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}
  body:not(.cashier-mode) .main{margin-left:var(--side-w)!important;width:calc(100% - var(--side-w))!important;transition:margin-left .22s ease,width .22s ease}
  body:not(.cashier-mode).sidebar-collapsed .side{width:var(--side-mini)!important}
  body:not(.cashier-mode).sidebar-collapsed .main{margin-left:var(--side-mini)!important;width:calc(100% - var(--side-mini))!important}
}

.nav-report-tree{margin:5px 3px 13px 38px!important;padding:7px 0 7px 8px!important;border-left:2px solid rgba(244,185,66,.38)!important}
.nav-report-tree details{margin:6px 0!important}
.nav-report-tree summary{
  min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:8px 9px!important;border-radius:10px!important;background:rgba(255,255,255,.055);
  color:#f5ead0!important;font-size:13px!important;font-weight:900!important;letter-spacing:.065em!important;text-transform:uppercase
}
.nav-report-tree summary:hover{background:rgba(255,255,255,.095)}
.nav-report-tree summary:before{display:none!important}
.nav-report-tree .report-cat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(244,185,66,.15);color:#f4b942;font-size:14px}
.nav-report-tree .report-cat-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-report-tree .report-cat-count{min-width:24px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:rgba(244,185,66,.14);color:#f6cf75;font-size:10px;letter-spacing:0}
.nav-report-tree details[open] summary{background:linear-gradient(135deg,rgba(244,185,66,.18),rgba(255,255,255,.07));box-shadow:inset 3px 0 0 #f4b942}
.nav-report-tree details[open] .report-cat-icon{background:#f4b942;color:#0f3d22}
.nav-report-tree .report-submenu{display:grid;gap:3px;padding:6px 0 5px 7px!important}
.nav-report-tree details a{
  min-height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;
  padding:8px 9px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:720!important;line-height:1.25!important;
  color:#d3e2d8!important;background:transparent!important;border:1px solid transparent!important
}
.nav-report-tree details a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.nav-report-tree details a .report-sub-arrow{width:16px;flex:0 0 16px;color:#d0aa45;font-size:17px;line-height:1;text-align:center}
.nav-report-tree details a.active{
  color:#fff!important;background:linear-gradient(135deg,rgba(244,185,66,.24),rgba(36,112,62,.35))!important;
  border-color:rgba(244,185,66,.25)!important;box-shadow:inset 3px 0 0 #f4b942!important
}
.nav-report-tree details a.active .report-sub-arrow{color:#f4b942;font-weight:900}
.nav-report-tree .nav-report-config{min-height:40px!important;margin-top:10px!important;padding:9px 10px!important;font-size:12.5px!important;font-weight:850!important;border:1px solid rgba(244,185,66,.22)!important;background:rgba(244,185,66,.08)!important}

.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.dashboard-chart-grid .span2{grid-column:1/-1!important}
.chart-card{padding:20px!important;overflow:hidden}
.chart-card .section-head{margin-bottom:12px!important}
.chart-card .section-head h3,.report-chart-card h4{font-size:18px!important;line-height:1.25;color:#183b28}
.chart-card .eyebrow{font-size:10px!important}
.chart-host{min-height:330px!important;align-items:stretch!important;padding:4px 0 0}
.chart-host.chart-large{min-height:390px!important}
.chart-host.chart-wide{min-height:320px!important}
.chart-svg{width:100%!important;height:100%!important;max-height:none!important;display:block}
.donut-wrap{grid-template-columns:minmax(240px,.95fr) minmax(200px,1.05fr)!important;gap:18px!important;min-height:330px}
.donut-svg{max-height:300px!important;min-height:270px}
.donut-legend{gap:10px!important}
.donut-legend>div{gap:10px!important;padding:5px 0}
.donut-legend i{width:11px!important;height:11px!important;margin-top:5px!important}
.donut-legend b{font-size:12.5px!important;line-height:1.3}
.donut-legend small{font-size:11px!important;margin-top:2px!important}
.branch-score{padding:17px 18px!important}
.branch-score>div>b{font-size:15px!important}.branch-score>div>span{font-size:11px!important}
.branch-score dl{gap:12px!important;margin-top:15px!important}.branch-score dt{font-size:10.5px!important}.branch-score dd{font-size:13px!important;margin-top:5px!important}
.inventory-health-grid>div{padding:15px!important}.inventory-health-grid span{font-size:10.5px!important}.inventory-health-grid b{font-size:26px!important}

.page-reports .report-filter-bar{top:calc(var(--top-h) + 8px)!important;z-index:30!important;border-color:#cfded5!important;box-shadow:0 10px 26px rgba(15,61,34,.10)!important}
.page-reports .report-workspace-head h3{font-size:21px}
.page-reports .report-kpi b{font-size:20px}
.page-reports .report-chart{min-height:340px!important}

@media(max-width:1180px){
  .chart-host{min-height:310px!important}.chart-host.chart-large{min-height:360px!important}
  .donut-wrap{grid-template-columns:1fr!important}.donut-svg{max-height:270px!important}.donut-legend{grid-template-columns:1fr 1fr!important}
}
@media(max-width:900px){
  body:not(.cashier-mode) .side{width:min(88vw,340px)!important;left:-360px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  body:not(.cashier-mode) .side.open{left:0!important}
  body:not(.cashier-mode) .side .nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;padding-bottom:20px}
  .nav-report-tree{margin-left:34px!important;margin-right:4px!important}
  .nav-report-tree summary{font-size:13.5px!important;min-height:44px!important}
  .nav-report-tree details a{font-size:13px!important;min-height:42px!important}
  .dashboard-chart-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .dashboard-chart-grid .span2{grid-column:1/-1!important}
  .chart-card{padding:17px!important}.chart-card .section-head h3{font-size:17px!important}
  .chart-host{min-height:300px!important}.chart-host.chart-large{min-height:350px!important}
}
@media(max-width:720px){
  .dashboard-chart-grid{grid-template-columns:1fr!important}
  .dashboard-chart-grid .span2{grid-column:auto!important}
  .chart-card{padding:15px!important}
  .chart-host,.chart-host.chart-wide{min-height:300px!important}.chart-host.chart-large{min-height:330px!important}
  .donut-wrap{min-height:0!important}.donut-svg{min-height:245px!important;max-height:260px!important}
  .donut-legend{grid-template-columns:1fr!important}
  .page-reports .report-filter-bar{position:static!important}
}
@media(max-width:520px){
  .chart-card .section-head{align-items:flex-start!important}.chart-card .section-head h3{font-size:16.5px!important}
  .chart-host,.chart-host.chart-wide{min-height:285px!important}.chart-host.chart-large{min-height:310px!important}
  .nav-report-tree{margin-left:30px!important;padding-left:7px!important}
  .nav-report-tree summary{font-size:13px!important;grid-template-columns:28px minmax(0,1fr) auto!important}
  .nav-report-tree details a{font-size:12.8px!important;padding:9px!important}
  .report-mobile-nav select{font-size:13px!important;min-height:46px!important}
}
/* BI2 MR3.2 — stable partial report navigation */
.report-dynamic-shell{min-width:0}
.report-dynamic-shell.is-loading{opacity:.72;pointer-events:none;transition:opacity .12s ease}
.page-reports .nav-report-tree,.page-reports .nav-report-tree *{scroll-margin:0!important}

/* BI2 MR3.4 — POS transaction success SweetAlert-style confirmation */
.pos-sweet-alert{position:fixed;inset:0;z-index:99999;background:rgba(11,38,24,.44);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:posSweetFade .18s ease-out}
.pos-sweet-card{width:min(92vw,390px);background:#fff;border:1px solid #dce9e0;border-radius:24px;padding:30px 26px 24px;text-align:center;box-shadow:0 30px 80px rgba(10,42,25,.28);animation:posSweetPop .22s ease-out}
.pos-sweet-check{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#e9f7ee;color:#14532d;border:3px solid #63b77b;font-size:42px;font-weight:800;line-height:1}
.pos-sweet-card h2{margin:0;color:#143a25;font-size:24px;line-height:1.2}.pos-sweet-card p{margin:8px 0 20px;color:#6b786f;font-size:16px}.pos-sweet-ok{min-width:190px;background:#14532d!important;color:#fff!important}
.pos-sweet-alert.closing{opacity:0;transition:opacity .16s ease}.pos-sweet-open{overflow:hidden}
@keyframes posSweetFade{from{opacity:0}to{opacity:1}}@keyframes posSweetPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:520px){.pos-sweet-card{border-radius:20px;padding:26px 20px 22px}.pos-sweet-check{width:68px;height:68px;font-size:38px}.pos-sweet-card h2{font-size:22px}.pos-sweet-ok{width:100%;min-height:48px}}

/* MR3.5 — Visual Product Cards for POS + Product Photo Master */
.product-master-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.product-photo-editor{display:grid;gap:11px}.product-photo-preview{height:190px;border:1px dashed #b9cdc1;border-radius:18px;background:linear-gradient(145deg,#f7faf7,#eef5ef);display:grid;place-items:center;overflow:hidden}.product-photo-preview img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff}.product-photo-placeholder{display:grid;place-items:center;gap:6px;color:#6d8075;text-align:center}.product-photo-placeholder span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#e6f1e9;color:#14532d;font-size:30px;font-weight:900}.product-photo-placeholder small{font-size:11px}.product-remove-image{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:7px}.product-remove-image input{width:auto;min-height:auto}
.product-table-thumb{width:48px;height:48px;border-radius:12px;border:1px solid #dce6df;background:#f3f7f4;display:grid;place-items:center;overflow:hidden;color:#14532d;font-weight:900}.product-table-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.product-table-thumb span{font-size:20px}
.pos-visual-setting{padding:12px 14px;border:1px solid #d7e3da;border-radius:14px;background:#f7faf7}.pos-visual-setting>span{display:flex;align-items:center;gap:8px}.pos-visual-setting input{width:18px;height:18px;min-height:auto}
.product.has-product-visual{min-height:184px;grid-template-rows:72px auto 1fr auto auto;padding:9px 10px 11px;gap:4px}.product-visual{height:72px;border-radius:12px;background:linear-gradient(145deg,#f4f8f5,#fff);border:1px solid #e1e9e3;display:grid;place-items:center;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}.product-visual-placeholder{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f3eb;color:#14532d;font-size:21px;font-weight:900}.product.has-product-visual .product-name{align-self:start;min-height:32px}.product.has-product-visual strong{margin-top:1px}.product.no-product-visual{grid-template-rows:auto 1fr auto auto}
@media(max-width:1180px){.product-master-layout{grid-template-columns:190px minmax(0,1fr)}.product-photo-preview{height:165px}.product.has-product-visual{min-height:176px}}
@media(max-width:720px){.product-master-layout{grid-template-columns:1fr}.product-photo-editor{grid-template-columns:112px minmax(0,1fr);align-items:start}.product-photo-preview{height:112px}.product-photo-editor>.field{align-self:center}.product-remove-image{grid-column:1/-1}.product.has-product-visual{min-height:170px;grid-template-rows:66px auto 1fr auto auto}.product-visual{height:66px}.product-visual-placeholder{width:38px;height:38px;font-size:19px}}
@media(max-width:390px){.product.has-product-visual{min-height:164px;padding:8px;grid-template-rows:60px auto 1fr auto auto}.product-visual{height:60px}.product.has-product-visual .product-name{font-size:11.5px;min-height:29px}.product.has-product-visual .product-meta{font-size:9px}.product.has-product-visual strong{font-size:12px}}

/* Stable Rebuild RC1 — deterministic POS success + sales verification */
.pos-success-static[hidden]{display:none!important}.pos-success-static:not([hidden]){display:grid}.pos-success-card{width:min(94vw,520px)}.pos-success-thanks{margin-bottom:14px!important}.pos-success-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:14px 0 18px}.pos-success-facts>div{padding:11px 10px;border:1px solid #dfeae3;background:#f7fbf8;border-radius:13px;display:grid;gap:4px}.pos-success-facts span{font-size:10px;color:#708078;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pos-success-facts b{font-size:14px;color:#153b26;overflow-wrap:anywhere}.pos-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos-success-actions .pos-sweet-ok{grid-column:1/-1;width:100%;min-height:48px}.sales-filter-card .form-grid{align-items:end}.sales-filter-actions{align-items:end;min-height:42px}.sales-kpi{margin-top:14px}.sale-highlight{background:#fff8db!important;box-shadow:inset 4px 0 #d6a83b}.empty-state{display:grid;gap:4px;padding:24px;text-align:center;color:#55705f}.empty-state small{color:#7c8e83}
@media(max-width:680px){.pos-success-facts{grid-template-columns:1fr}.pos-success-actions{grid-template-columns:1fr}.pos-success-actions .pos-sweet-ok{grid-column:auto}.sales-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}

/* ========================================================================== */
/* MASTER T5.1 · Dynamic 5-Theme Engine · RC2.1 core preserved               */
/* ========================================================================== */
html[data-theme="green_gold"]{
  --navy:#082f1d;--navy2:#14532d;--blue:#167447;--blue2:#0f9f6e;--cyan:#d4a72c;
  --bg:#f5f8f3;--surface:#fff;--surface2:#f8fbf7;--ink:#173525;--muted:#697a70;
  --line:#dce8df;--line2:#edf3ef;--theme-accent:#d4a72c;--theme-soft:#eef7f1;--theme-soft2:#f8f3df;
  --theme-primary:#14532d;--theme-primary-2:#0f7a49;--theme-deep:#082f1d;--theme-link:#146c43;
  --chart-1:#167447;--chart-2:#d4a72c;--chart-3:#2f855a;--chart-4:#8ab17d;--chart-5:#e3b341;--chart-6:#3c6e71;--chart-7:#7a9e7e;--chart-8:#b88917;
}
html[data-theme="royal_blue"]{
  --navy:#071a3a;--navy2:#0d2f68;--blue:#155eef;--blue2:#0b74ff;--cyan:#00b8d9;
  --bg:#f4f7fb;--surface:#fff;--surface2:#f8fbff;--ink:#12213f;--muted:#64748b;
  --line:#dbe5f1;--line2:#edf2f7;--theme-accent:#00b8d9;--theme-soft:#eef5ff;--theme-soft2:#e8faff;
  --theme-primary:#155eef;--theme-primary-2:#0b74ff;--theme-deep:#071a3a;--theme-link:#155eef;
  --chart-1:#155eef;--chart-2:#00b8d9;--chart-3:#4f8df7;--chart-4:#6bc5e8;--chart-5:#8a6cf0;--chart-6:#244f9f;--chart-7:#6e9fd8;--chart-8:#0e7490;
}
html[data-theme="amethyst"]{
  --navy:#251046;--navy2:#4c1d95;--blue:#7c3aed;--blue2:#9333ea;--cyan:#c084fc;
  --bg:#faf7ff;--surface:#fff;--surface2:#fcfaff;--ink:#2d1b46;--muted:#756783;
  --line:#e7dcf3;--line2:#f3edf8;--theme-accent:#c084fc;--theme-soft:#f5edff;--theme-soft2:#fbf5ff;
  --theme-primary:#7c3aed;--theme-primary-2:#9333ea;--theme-deep:#251046;--theme-link:#6d28d9;
  --chart-1:#7c3aed;--chart-2:#c084fc;--chart-3:#9333ea;--chart-4:#a78bfa;--chart-5:#d8b4fe;--chart-6:#5b21b6;--chart-7:#8b5cf6;--chart-8:#6d28d9;
}
html[data-theme="maroon_gold"]{
  --navy:#3b1015;--navy2:#7f1d1d;--blue:#a52727;--blue2:#b93a2f;--cyan:#d4a72c;
  --bg:#fff8f4;--surface:#fff;--surface2:#fffaf7;--ink:#442126;--muted:#7e696b;
  --line:#eadbd7;--line2:#f5ebe8;--theme-accent:#d4a72c;--theme-soft:#fff1ed;--theme-soft2:#fff7df;
  --theme-primary:#9f2525;--theme-primary-2:#b9382e;--theme-deep:#3b1015;--theme-link:#9f2525;
  --chart-1:#9f2525;--chart-2:#d4a72c;--chart-3:#b9382e;--chart-4:#c75f52;--chart-5:#e0b447;--chart-6:#7f1d1d;--chart-7:#c98772;--chart-8:#a97918;
}
html[data-theme="teal_cyan"]{
  --navy:#083344;--navy2:#155e75;--blue:#0e7490;--blue2:#0891b2;--cyan:#22d3ee;
  --bg:#f2fbfc;--surface:#fff;--surface2:#f7fdfe;--ink:#153842;--muted:#627980;
  --line:#d6e9ed;--line2:#eaf4f6;--theme-accent:#22d3ee;--theme-soft:#e8f8fb;--theme-soft2:#eefcfe;
  --theme-primary:#0e7490;--theme-primary-2:#0891b2;--theme-deep:#083344;--theme-link:#0e7490;
  --chart-1:#0e7490;--chart-2:#22d3ee;--chart-3:#0891b2;--chart-4:#2dd4bf;--chart-5:#67e8f9;--chart-6:#155e75;--chart-7:#5cc6d0;--chart-8:#0f766e;
}

html[data-theme] body{background:var(--bg);color:var(--ink)}
html[data-theme] .side{background:linear-gradient(180deg,var(--theme-deep) 0%,var(--navy2) 58%,var(--theme-primary) 100%);box-shadow:10px 0 36px color-mix(in srgb,var(--theme-deep) 12%,transparent)}
html[data-theme] .nav a{color:rgba(255,255,255,.84)}
html[data-theme] .nav a:hover{background:rgba(255,255,255,.10);color:#fff}
html[data-theme] .nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 70%,white 5%),color-mix(in srgb,var(--theme-accent) 35%,transparent));box-shadow:inset 3px 0 0 var(--theme-accent);color:#fff}
html[data-theme] .brand-rich small{color:color-mix(in srgb,var(--theme-accent) 72%,white)}
html[data-theme] .top{background:color-mix(in srgb,var(--surface) 95%,transparent);border-color:var(--line)}
html[data-theme] .sidebar-toggle,html[data-theme] .top-assistant{border-color:var(--line);background:var(--theme-soft);color:var(--theme-link)}
html[data-theme] .branch-switch select,html[data-theme] .branch-pill{border-color:var(--line);background:var(--surface2);color:var(--theme-deep)}
html[data-theme] .eyebrow{color:var(--theme-link)}
html[data-theme] .card,html[data-theme] .table-wrap{border-color:var(--line);background:var(--surface)}
html[data-theme] .btn:not(.light):not(.danger){background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));box-shadow:0 7px 18px color-mix(in srgb,var(--theme-primary) 24%,transparent)}
html[data-theme] .btn.light{background:var(--theme-soft);color:var(--theme-link);border-color:var(--line)}
html[data-theme] .link-btn,html[data-theme] .text-link{color:var(--theme-link)}
html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:color-mix(in srgb,var(--theme-primary) 55%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 12%,transparent)}
html[data-theme] .metric:after,html[data-theme] .executive-kpi:after{background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}
html[data-theme] .badge{background:var(--theme-soft);color:var(--theme-link)}
html[data-theme] th{background:var(--surface2);color:color-mix(in srgb,var(--theme-deep) 75%,#64748b)}
html[data-theme] tbody tr:hover{background:var(--surface2)}
html[data-theme] .filter-pills .active{background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme-primary) 40%,var(--line));color:var(--theme-link)}

/* Theme selector + Settings cards */
.theme-switch{margin:0;display:flex;align-items:center}.theme-switch select{width:auto;min-width:128px;max-width:155px;height:40px;min-height:40px;padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--theme-deep);font-size:10px;font-weight:850;cursor:pointer}.cashier-theme-switch select{max-width:125px;min-width:112px;background:#fff}
.theme-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:7px}.theme-card{cursor:pointer;position:relative}.theme-card input{position:absolute;opacity:0;pointer-events:none}.theme-card-ui{display:grid;gap:5px;min-height:92px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:.16s}.theme-card-ui i{display:block;height:30px;border-radius:8px;background:linear-gradient(110deg,var(--c1) 0 45%,var(--c2) 45% 72%,var(--c3) 72% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.theme-card-ui b{font-size:10px}.theme-card-ui small{font-size:8px;color:var(--muted)}.theme-card input:checked+.theme-card-ui{border-color:var(--theme-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 14%,transparent);background:var(--theme-soft)}

/* Executive Dashboard + Reporting Center follow selected theme */
html[data-theme] .dashboard-v2-head h2,html[data-theme] .executive-kpi b,html[data-theme] .donut-legend b,html[data-theme] .branch-score>div>b,html[data-theme] .report-kpi b{color:var(--theme-deep)}
html[data-theme] .dashboard-period{border-color:var(--line);background:var(--surface)}
html[data-theme] .dashboard-period span{color:color-mix(in srgb,var(--theme-accent) 78%,var(--theme-deep))}
html[data-theme] .dashboard-period b{color:var(--theme-deep)}
html[data-theme] .chart-card,html[data-theme] .report-chart-card{border-color:var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2))}
html[data-theme] .branch-score{border-color:var(--line);background:linear-gradient(135deg,var(--surface),var(--surface2))}
html[data-theme] .branch-score>div>span.up{color:var(--theme-primary)}
html[data-theme] .inventory-health-grid>div{background:var(--theme-soft)}
html[data-theme] .inventory-health-grid b{color:var(--theme-link)}
html[data-theme] .inventory-value{background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary))}
html[data-theme] .inventory-value strong{color:color-mix(in srgb,var(--theme-accent) 78%,white)}
html[data-theme] .copilot-insights{background:linear-gradient(135deg,var(--theme-deep) 0%,var(--theme-primary) 60%,var(--theme-primary-2) 100%)!important;border-color:var(--theme-primary)!important}
html[data-theme] .copilot-insights .eyebrow,html[data-theme] .copilot-insight-grid article b{color:color-mix(in srgb,var(--theme-accent) 80%,white)}
html[data-theme] .reporting-hero,html[data-theme] .module-hero{background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 30%),linear-gradient(135deg,var(--surface),var(--theme-soft));border-color:var(--line)}
html[data-theme] .reporting-hero h2,html[data-theme] .module-hero h2,html[data-theme] .module-group h3{color:var(--theme-deep)}
html[data-theme] .report-kpi{border-color:var(--line);background:var(--surface2)}
html[data-theme] .active-filter-chips span{background:var(--theme-soft);color:var(--theme-link);border-color:var(--line)}
html[data-theme] .advanced-filter{border-color:var(--line)}
html[data-theme] .advanced-filter summary{color:var(--theme-link)}
html[data-theme] .nav-report-tree{border-left-color:color-mix(in srgb,var(--theme-accent) 40%,transparent)!important}
html[data-theme] .nav-report-tree .report-cat-icon{background:color-mix(in srgb,var(--theme-accent) 15%,transparent);color:var(--theme-accent)}
html[data-theme] .nav-report-tree .report-cat-count{background:color-mix(in srgb,var(--theme-accent) 14%,transparent);color:color-mix(in srgb,var(--theme-accent) 80%,white)}
html[data-theme] .nav-report-tree details[open] summary{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 18%,transparent),rgba(255,255,255,.07));box-shadow:inset 3px 0 0 var(--theme-accent)}
html[data-theme] .nav-report-tree details[open] .report-cat-icon{background:var(--theme-accent);color:var(--theme-deep)}
html[data-theme] .nav-report-tree details a .report-sub-arrow,html[data-theme] .nav-report-tree details a.active .report-sub-arrow{color:var(--theme-accent)}
html[data-theme] .nav-report-tree details a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 24%,transparent),color-mix(in srgb,var(--theme-primary) 35%,transparent))!important;border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent)!important;box-shadow:inset 3px 0 0 var(--theme-accent)!important}
html[data-theme] .nav-report-tree .nav-report-config{border-color:color-mix(in srgb,var(--theme-accent) 22%,transparent)!important;background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important;color:color-mix(in srgb,var(--theme-accent) 80%,white)!important}

/* POS / cashier */
html[data-theme] .cashier-mode{background:var(--bg)}
html[data-theme] .cashier-top{background:radial-gradient(circle at 18% -55%,color-mix(in srgb,var(--theme-accent) 28%,transparent),transparent 40%),linear-gradient(90deg,var(--theme-deep),var(--theme-primary) 65%,var(--theme-primary-2));box-shadow:0 12px 36px color-mix(in srgb,var(--theme-deep) 20%,transparent)}
html[data-theme] .cashier-brand small,html[data-theme] .cashier-user small{color:color-mix(in srgb,var(--theme-accent) 72%,white)}
html[data-theme] .cashier-tool.cashier-primary,html[data-theme] .cashier-tool.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));border-color:color-mix(in srgb,var(--theme-accent) 45%,transparent)}
html[data-theme] .cashier-clock b{color:var(--theme-link)}
html[data-theme] .pos-products-card{background:linear-gradient(160deg,var(--surface),var(--surface2));border-color:var(--line)}
html[data-theme] .pos-search-wrap{background:color-mix(in srgb,var(--bg) 90%,transparent)}
html[data-theme] .product{background:linear-gradient(155deg,var(--surface),var(--surface2));border-color:var(--line)}
html[data-theme] .product:hover{border-color:color-mix(in srgb,var(--theme-primary) 55%,var(--line));box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary) 14%,transparent)}
html[data-theme] .product strong,html[data-theme] .product-name{color:var(--theme-link)}
html[data-theme] .product-visual-placeholder,html[data-theme] .product-table-thumb{color:var(--theme-link);background:var(--theme-soft)}
html[data-theme] .pos-cart-head{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--theme-accent) 22%,transparent),transparent 34%),linear-gradient(135deg,var(--theme-deep),var(--theme-primary));color:#fff}
html[data-theme] .pos-cart-head .eyebrow{color:color-mix(in srgb,var(--theme-accent) 72%,white)}
html[data-theme] .pos-total,html[data-theme] .payment-total-hero{background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary));color:#fff}
html[data-theme] .qty-control button{background:var(--theme-soft);color:var(--theme-link)}
html[data-theme] .cart-line-total b{color:var(--theme-deep)}
html[data-theme] .payment-method.active{border-color:var(--theme-primary);background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));box-shadow:0 9px 21px color-mix(in srgb,var(--theme-primary) 20%,transparent)}
html[data-theme] .mobile-checkout-dock .btn{background:var(--theme-accent);color:var(--theme-deep)}

/* Smart Assistant */
html[data-theme] .smart-header{background:radial-gradient(circle at 10% -30%,color-mix(in srgb,var(--theme-accent) 36%,transparent) 0,transparent 45%),linear-gradient(135deg,var(--theme-deep),var(--theme-primary));color:#fff}
html[data-theme] .smart-messages{background:linear-gradient(180deg,var(--surface2),var(--surface))}
html[data-theme] .smart-user,html[data-theme] .user{background:var(--theme-soft)}
html[data-theme] .smart-send{background:var(--theme-primary)}
html[data-theme] .smart-mic,html[data-theme] .smart-wake-toggle,html[data-theme] .smart-auto-send-toggle{background:var(--theme-soft);color:var(--theme-link)}

/* Excel Center */
html[data-theme] .excel-hero{background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--theme-accent) 23%,transparent),transparent 30%),linear-gradient(135deg,var(--surface),var(--theme-soft));border-color:var(--line)}
html[data-theme] .excel-hero h2,html[data-theme] .excel-safety-note b,html[data-theme] .excel-commit b{color:var(--theme-deep)}
html[data-theme] .excel-module-tabs a{border-color:var(--line);background:var(--surface);color:var(--theme-deep)}
html[data-theme] .excel-module-tabs a.active{background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary));border-color:var(--theme-primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 20%,transparent)}
html[data-theme] .excel-module-tabs a.active small{color:color-mix(in srgb,var(--theme-accent) 72%,white)}
html[data-theme] .excel-safety-note{border-color:var(--line);background:var(--surface2)}
html[data-theme] .excel-safety-note span:before{color:var(--theme-primary)}
html[data-theme] .excel-commit{border-color:color-mix(in srgb,var(--theme-primary) 30%,var(--line));background:var(--theme-soft)}

/* Login uses default theme */
html[data-theme] .login-body,html[data-theme] .enterprise-login{background:var(--theme-deep)}
html[data-theme] .enterprise-login .login-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-deep) 93%,transparent),color-mix(in srgb,var(--theme-primary) 72%,transparent) 50%,color-mix(in srgb,var(--theme-deep) 30%,transparent))}
html[data-theme] .login-premium-badge{border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent);background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:color-mix(in srgb,var(--theme-accent) 72%,white)}
html[data-theme] .login-feature-grid b,html[data-theme] .login-live-dot{color:color-mix(in srgb,var(--theme-accent) 78%,white)}
html[data-theme] .login-insight-bars i{background:linear-gradient(180deg,var(--theme-accent),var(--theme-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
html[data-theme] .login-card-top .eyebrow{color:color-mix(in srgb,var(--theme-accent) 72%,var(--theme-deep))}
html[data-theme] .login-card-top .login-brand{color:var(--theme-deep)}
html[data-theme] .login-submit{background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary) 68%,var(--theme-accent));box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 24%,transparent)}
html[data-theme] .login-security{border-color:var(--line);background:var(--surface2);color:var(--theme-deep)}
html[data-theme] .login-security>span{background:var(--theme-soft);color:var(--theme-link)}

@media(max-width:1100px){.theme-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-switch select{min-width:108px;max-width:125px}}
@media(max-width:760px){.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-switch{display:flex}.theme-switch select{min-width:88px;max-width:100px;font-size:9px;padding-left:7px}.cashier-theme-switch select{min-width:92px;max-width:105px;font-size:9px}.enterprise-login .login-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-deep) 88%,transparent),color-mix(in srgb,var(--theme-primary) 72%,transparent) 45%,color-mix(in srgb,var(--theme-deep) 90%,transparent))}}


/* TB PAYU UX2-SAFE - isolate changes to Sales KPI cards; does not alter any sidebar/layout baseline. */
.page-sales .sales-kpi{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  margin:16px 0 16px;align-items:stretch;
}
.page-sales .sales-kpi>.kpi{
  min-width:0;min-height:106px;padding:16px 18px;
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  background:var(--surface,#fff);border:1px solid var(--line,#dbe5f1);
  border-radius:16px;box-shadow:0 5px 18px rgba(18,39,49,.055);
}
.page-sales .sales-kpi>.kpi>span{
  display:block;font-size:12px;line-height:1.35;font-weight:750;
  color:var(--muted,#64748b);letter-spacing:.01em;
}
.page-sales .sales-kpi>.kpi>b{
  display:block;font-size:clamp(21px,2vw,27px);line-height:1.22;
  font-weight:850;letter-spacing:-.04em;color:var(--ink,#12213f);
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
@media(max-width:820px){.page-sales .sales-kpi{gap:10px}.page-sales .sales-kpi>.kpi{padding:13px;min-height:96px}}
@media(max-width:590px){.page-sales .sales-kpi{grid-template-columns:1fr;gap:9px}.page-sales .sales-kpi>.kpi{min-height:75px;padding:11px 14px;gap:4px}}