:root{--surface:#fff;--soft:#f4f6fa;--control:#fff;--accent-soft:#fff0f0;--ink:#243044;--muted:#707d91;--line:#e2e7ef;--bg:#f5f7fb}
.policy-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.policy-workflow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-grid.policy-single{grid-template-columns:minmax(0,1fr)}.policy-checks{gap:12px;margin:20px 0}.policy-checks input{accent-color:#d71920}.policy-checks label{color:var(--ink)}
.login-page .login-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:24px;max-width:none;margin:0}.login-page .login-card{width:100%;max-width:440px;margin:0}.login-card h2{margin-top:15px}
#sale-form>.panel:first-child .panel-head{padding:12px 18px}#sale-form>.panel:first-child .panel-body{padding:14px 18px;gap:12px 18px}#sale-form>.panel:first-child .field{gap:4px}#sale-form>.panel:first-child input,#sale-form>.panel:first-child select{padding:7px 10px}#sale-form>.panel{margin-bottom:16px}
[data-theme=dark]{color-scheme:dark;--surface:#1b2433;--soft:#222e40;--control:#141d2c;--accent-soft:#3b2632;--ink:#edf2fa;--muted:#a6b3c9;--line:#334157;--bg:#101827;--purple:#ff6b76}
.sidebar,.topbar,.panel,.stat,.workflow a,dialog{background:var(--surface);color:var(--ink)}
body{font-size:1rem}.button,input,select{background:var(--control);color:var(--ink);border-color:var(--line)}
.button.primary,.tabs button.active{background:#d71920;border-color:#d71920;color:#fff}
.top-controls select,.breadcrumb strong,nav a,.field,.stat-top,.sidebar-bottom{color:var(--muted)}
label.field{color:var(--muted)}.sidebar nav{min-height:0;overflow-y:auto}.sidebar .brand,.sidebar-bottom{flex-shrink:0}
.top-controls{flex:1;min-width:0}.top-controls select{width:auto}.breadcrumb{flex-shrink:0}
@media(max-width:720px){.top-controls select,.top-controls #profile{flex:1 1 calc(50% - 8px);min-width:calc(50% - 8px);max-width:calc(50% - 8px)}.top-controls{row-gap:10px}#toast{width:max-content;max-width:calc(100vw - 32px)}}
th,input[readonly]{background:var(--soft);color:var(--muted)}td{border-color:var(--line)}
nav a.active,nav a:hover,.tag,.icon-box{background:var(--accent-soft)}
.hint{background:var(--accent-soft);border-color:var(--line);color:var(--muted)}
.avatar{background:var(--soft);border-color:var(--line)}.track{background:var(--soft)}
.topbar{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px;gap:12px}.top-controls{flex-wrap:wrap;justify-content:flex-end}.top-controls select{max-width:180px}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .field{min-width:160px;flex:1}.toolbar .search{flex:2;min-width:180px}
.inventory-summary{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin:18px 0}.inventory-summary strong{color:var(--ink)}
.inventory-table{max-height:65vh}.inventory-table th{position:sticky;top:0;z-index:1}.inventory-table td{padding:12px 16px}
.formula-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:24px}.formula-layout .form-grid{grid-template-columns:1fr 1fr}.full-field{grid-column:1/-1}
.formula-expression{font-family:Consolas,monospace;font-size:1rem}.formula-help{line-height:1.8;font-size:.9rem}.formula-help code{background:var(--soft);padding:3px 6px;border-radius:4px;color:var(--ink)}
.formula-preview{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:20px}.formula-preview output{font-size:1.7rem;display:block;font-weight:650;margin-top:8px}
.form-error{color:#e85b6b;font-size:.9rem;min-height:1.4em}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel{margin:0}.font-example{padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin-top:24px}.font-range{accent-color:#d71920;padding:0;margin:18px 0}
.login-page{min-height:100vh;background:var(--bg)}.login-header{display:flex;align-items:center;justify-content:space-between;padding:30px 6vw;gap:20px}.login-header img{width:220px;height:auto}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8vw;max-width:1240px;padding:30px 50px 70px;min-height:calc(100vh - 170px)}.login-story h1{font-size:3.6rem;line-height:1.12;letter-spacing:-2px;margin:20px 0}.login-story>p{font-size:1.1rem;max-width:350px}.login-features{display:grid;gap:16px;margin-top:32px;color:var(--purple)}.login-features strong{margin-left:14px;color:var(--ink);font-size:.9rem;font-weight:500}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 20px 80px #00000008}.login-card h2{font-size:2rem;margin:20px 0 8px}.login-card form{margin-top:28px}.login-card .field{margin:18px 0}.login-card input,.login-card select{padding:13px}.login-card .primary{width:100%;padding:13px;font-size:1rem}.login-note{font-size:.8rem;line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;color:var(--muted)}.password-field{display:flex;border:1px solid var(--line);border-radius:6px;background:var(--control)}.password-field input{border:0;background:transparent}.password-field button{border:0;background:transparent;color:var(--muted);font-size:.8rem;padding:0 12px}.login-art{margin-top:36px;max-width:350px;transform:rotate(-3deg);padding:20px;background:linear-gradient(140deg,#db1622,#951420);border-radius:14px;color:white}.login-art span{font-size:.65rem;letter-spacing:2px}.login-art strong{display:block;font-size:1.7rem}.login-art small{font-size:.7rem;opacity:.75}.art-bars{display:flex;gap:12px;align-items:flex-end;height:70px;margin:12px 0}.art-bars i{width:28px;background:#ffffff70;border-radius:4px 4px 0 0;height:30%}.art-bars i:nth-child(2){height:50%}.art-bars i:nth-child(3){height:45%}.art-bars i:nth-child(4){height:75%}.art-bars i:nth-child(5){height:60%}.art-bars i:nth-child(6){height:100%}
[data-theme=dark] .brand-logo,[data-theme=dark] .login-header>img{background:#fff;border-radius:6px;padding:5px}[data-theme=dark] .line-table .money,[data-theme=dark] .line-table td[data-total]{background:var(--soft)}[data-theme=dark] .stat:nth-child(2) .icon-box{background:#3a3325}[data-theme=dark] .stat:nth-child(3) .icon-box{background:#193a34}[data-theme=dark] .stat:nth-child(4) .icon-box{background:#23344c}
@media(max-width:1050px){.topbar{flex-wrap:wrap}.breadcrumb{display:none}.top-controls{width:100%;justify-content:flex-start}.formula-layout{grid-template-columns:1fr}.login-layout{gap:35px;padding:25px}.login-story h1{font-size:2.7rem}.settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.top-controls select{max-width:calc(50% - 8px);flex:1}.top-controls .avatar{display:none}.top-controls .button{font-size:.8rem}.top-controls #profile{max-width:50%}.login-layout{display:block;min-height:0;padding:20px}.login-header{padding:20px}.login-header img{width:170px}.login-story{display:none}.login-card{max-width:480px;margin:auto;padding:26px}.login-page footer{margin-top:30px}.formula-layout .form-grid{grid-template-columns:1fr}.toolbar .field,.toolbar .search{min-width:100%;max-width:100%}.panel-head{overflow-wrap:anywhere}.settings-grid{gap:16px}}
/* Compact spacing shared by every POS workspace page. */
.workspace .topbar{min-height:60px;height:auto;padding:10px 28px}
.workspace #main{padding:16px 28px;min-height:calc(100vh - 106px)}
#main .page-head{margin-bottom:12px;gap:12px}
#main .page-head .eyebrow{margin-bottom:2px;font-size:.7rem}
#main .page-head h1{margin:0 0 2px;font-size:1.7rem;line-height:1.25}
#main .page-head p{margin:2px 0;font-size:.85rem}
#main .panel{margin-bottom:14px}
#main .panel-head,dialog .panel-head{padding:10px 16px;gap:10px}
#main .panel-head p{margin:3px 0 0}
#main .panel-body,dialog .panel-body{padding:16px}
#sale-form>.panel:first-child .panel-head{padding:10px 16px}
#sale-form>.panel:first-child .panel-body{padding:12px 16px;gap:10px 16px}
#main .form-bottom{padding:12px 16px;gap:16px;align-items:flex-start}
#main .form-bottom .totals{margin-left:auto}
#main .totals>div{padding:5px 0}
#main .totals .grand{padding-top:9px;margin-top:5px}
#main .stats,#main .workflow{margin-bottom:16px;gap:12px}
#main .stat{padding:16px}#main .workflow a{padding:14px}
#main .section-title{margin-bottom:10px}#main .section-title p{margin:3px 0}
#main .tabs{margin-bottom:12px}#main .hint{margin-bottom:12px;padding:10px 14px}
#main .empty{padding:26px 16px}#main .branch-row{padding:12px 0}
.workspace footer{padding:10px 28px}
#captcha-image{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;margin:8px 0}
#captcha-panel .field{margin-bottom:8px}
[hidden]{display:none!important}
@media(max-width:720px){.workspace .topbar{padding:8px 16px}.workspace #main{padding:12px 16px}#main .page-head h1{font-size:1.5rem}#main .panel-head,dialog .panel-head{padding:10px 12px}#main .panel-body,dialog .panel-body{padding:12px}#main .form-bottom{padding:12px}.workspace footer{padding:10px 16px}}