:root{--bg:#f3f4f6;--panel:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--ok:#166534;--bad:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 24px rgba(0,0,0,.04)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(430px,100%)}.brand{font-size:36px;font-weight:900}.login-card label{margin:14px 0}.primary{background:#111827;color:#fff;border-color:#111827}button{padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;cursor:pointer}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}input,select,textarea{padding:10px;border:1px solid #d1d5db;border-radius:9px;background:#fff}.msg{margin-top:10px;font-size:13px}.ok{color:var(--ok)}.bad{color:var(--bad)}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#111827;color:#fff;padding:16px;display:flex;flex-direction:column}.logo{display:flex;gap:8px;align-items:baseline;margin-bottom:18px}.logo b{font-size:26px}nav{display:grid;gap:4px}nav button{background:transparent;color:#d1d5db;border:0;text-align:left}nav button.active,nav button:hover{background:#1f2937;color:#fff}.aside-bottom{margin-top:auto}.aside-bottom>div{font-size:12px;background:#1f2937;padding:9px;border-radius:9px;margin-bottom:8px}main{min-width:0}header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px}header h2{margin:0}.head-right{display:flex;gap:10px;align-items:center}#content{padding:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.metric small{color:var(--muted)}.metric b{display:block;font-size:25px;margin-top:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:12px}.toolbar input{min-width:220px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:12px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(17,24,39,.6);display:grid;place-items:center;padding:14px;z-index:20}.modal-card{width:min(700px,100%);max-height:92vh;overflow:auto;position:relative}.x{position:absolute;right:10px;top:10px;border:0;font-size:22px}.payrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.report-head{text-align:center;padding:10px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:99px;background:#f3f4f6;font-size:12px}.danger{color:#b91c1c}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.bar{height:9px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:4px 0 11px}.bar i{display:block;height:100%;background:#374151}.mix{display:flex;justify-content:space-between;gap:8px}
@media(max-width:950px){
.app{display:block}.menu-toggle{display:inline-flex}
aside{position:fixed;left:0;top:0;bottom:0;width:min(82vw,310px);z-index:40;padding:16px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:10px 0 30px rgba(0,0,0,.22);overflow:auto}
aside.drawer-open{transform:translateX(0)}.logo,.aside-bottom{display:flex}.aside-bottom{margin-top:24px}nav{display:grid;grid-template-columns:1fr;overflow:visible}nav button{font-size:14px;text-align:left;padding:11px 12px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}
#content{padding:12px 10px 30px}.metrics{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.payrow{grid-template-columns:1fr}
header{padding:10px}.head-right{max-width:58%;flex-direction:row;align-items:center}.head-right select{max-width:150px}
}
@media(max-width:520px){.metrics{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{min-width:0}.head-right span{display:none}}
@media print{aside,header,.no-print,.actions,.toolbar{display:none!important}.app{display:block}#content{padding:0}.card{border:0;box-shadow:none}}

.order-list{display:grid;gap:10px;margin-top:14px}
.order-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.order-card.done{opacity:.68}.order-card.done .order-title{text-decoration:line-through}
.order-card.cancelled{opacity:.5}
.order-check input{width:20px;height:20px;margin-top:2px}
.order-title{font-weight:800;font-size:15px;line-height:1.35}
.order-notes{margin-top:6px;white-space:normal;line-height:1.5;color:#374151}
.order-meta{margin-top:8px;font-size:11px;color:var(--muted)}
.order-actions{display:flex;gap:6px;flex-wrap:wrap}
.pending-chip{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:99px;background:#fef3c7;color:#92400e;font-size:10px;text-decoration:none!important}
.empty{text-align:center;color:var(--muted);padding:28px 12px}
textarea{font:inherit;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;resize:vertical;min-height:90px}
@media(max-width:650px){.order-card{grid-template-columns:auto 1fr}.order-actions{grid-column:2}.order-actions button{padding:7px 10px}}
@media print{.order-card{break-inside:avoid}.order-list{gap:5px}}

.notify-bell{position:relative;padding:8px 10px}.notify-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#b91c1c;color:#fff;font-size:10px;display:grid;place-items:center}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.branding-preview{display:flex;align-items:center;gap:12px}.branding-preview img{max-width:150px;max-height:90px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff}
.check{flex-direction:row;align-items:center;font-weight:600}.check input{width:auto}
.note-box{margin-top:12px;padding:10px 12px;background:#f9fafb;border:1px solid var(--line);border-radius:10px;color:#4b5563;font-size:12px}
.password-wrap{display:flex;gap:6px}.password-wrap input{flex:1}.pwd-toggle{padding:8px 10px}
.branch-checks{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.notification-list{display:grid;gap:10px}.notification-card{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-left:5px solid #6b7280;border-radius:12px;padding:14px}.notification-card.read{opacity:.65}.severity-success{border-left-color:#166534}.severity-warning{border-left-color:#b45309}.severity-danger{border-left-color:#b91c1c}.notification-msg{margin:5px 0 7px;white-space:pre-wrap}.notification-card small{color:var(--muted)}
.report-logo{display:block;max-width:130px;max-height:70px;object-fit:contain;margin:0 auto 8px}.report-footer{text-align:center;margin-top:18px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}

.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.warning-box{padding:12px 14px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:10px;margin:10px 0}
.restore-summary{max-height:260px;overflow:auto;background:#f9fafb;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;line-height:1.5}
.danger-button{background:#b91c1c;color:#fff;border-color:#b91c1c}
.danger-button:disabled{opacity:.45;cursor:not-allowed}
.small-status{margin-top:8px;font-size:12px;color:var(--muted)}


.totals{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid var(--line);border-radius:10px}
.muted-row{opacity:.58}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}
button:disabled{opacity:.48;cursor:not-allowed}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}

.system-check-list{display:grid;gap:8px;margin-top:12px}.system-check-row{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:10px}.system-check-row>b{font-size:11px}.system-check-row small{display:block;color:var(--muted);margin-top:3px}.status-pass{border-left:5px solid #166534}.status-warn{border-left:5px solid #b45309}.status-fail{border-left:5px solid #b91c1c}

.quick-periods{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px}.quick-periods button{padding:7px 10px}
.document-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 145px 145px auto auto;gap:8px;align-items:end;margin-bottom:12px}.document-toolbar label{min-width:0}.document-toolbar button{min-height:42px}.camera-icon-button{font-size:0!important;width:46px!important;min-width:46px!important;padding:8px!important;display:grid!important;place-items:center!important}.camera-icon-button::before{content:'📷';font-size:20px;line-height:1}.pro-search.with-camera{grid-template-columns:minmax(180px,1fr) 46px 190px}.pos-camera-box video{display:block;width:100%;max-height:58dvh;background:#111;object-fit:cover;border-radius:12px}.pos-camera-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
@media(max-width:720px){.document-toolbar{grid-template-columns:1fr 1fr}.document-toolbar label:first-child{grid-column:1/-1}.pro-search.with-camera{grid-template-columns:minmax(0,1fr) 46px}.pro-search.with-camera select{grid-column:1/-1}}

.trend-list{display:grid;gap:10px}.trend-row{display:grid;grid-template-columns:52px minmax(120px,1fr) 110px minmax(120px,1fr) 110px;gap:10px;align-items:center}.trend-row>div>span{font-size:10px;color:var(--muted)}.trend-bar{height:9px;background:#e5e7eb;border-radius:99px;overflow:hidden}.trend-bar i{display:block;height:100%;background:#2563eb;border-radius:99px}.trend-bar.expense i{background:#b45309}.trend-row>b{text-align:right;font-size:12px}
@media(max-width:700px){.trend-row{grid-template-columns:42px 1fr 85px;}.trend-row>div:nth-of-type(2){grid-column:2}.trend-row>b:nth-of-type(2){grid-column:3}.trend-row>b{font-size:10px}}

.upload-hint{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}

.menu-toggle{display:none;align-items:center;justify-content:center;font-size:21px;padding:7px 10px}.head-title{min-width:0}
.formgrid label,.payrow label{min-width:0}select,input,textarea{max-width:100%;width:100%;min-width:0}.person-select{overflow:hidden;text-overflow:ellipsis}
.employee-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-weight:800}
.statement-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.statement-toolbar label{min-width:150px;flex:1}.statement-toolbar .actions{align-self:end}
.report-preview{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.report-design-1{border-top:6px solid #111827}.report-design-2{border-left:7px solid #1d4ed8}.report-design-3{border-top:6px double #047857}.report-design-4{box-shadow:inset 0 0 0 3px #6d28d9}.report-design-5{border-top:8px solid #c2410c}.report-design-6{border:2px solid #64748b}.report-design-7{border-top:7px solid #a16207}.report-design-8{border-left:7px solid #be123c}.report-design-9{border-top:7px solid #0f766e}.report-design-10{border:1px solid #111}
.report-design-2 .report-head,.report-design-4 .report-head,.report-design-6 .report-head,.report-design-8 .report-head,.report-design-10 .report-head{text-align:left}
.theme-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-chip{padding:12px;border:1px solid var(--line);border-radius:10px;text-align:center;font-weight:700}
.secret-card{border:1px solid #fecaca;background:#fff7f7}.secret-card h3{color:#991b1b}
body[data-theme="classic"]{--bg:#f3f4f6;--panel:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb}
body[data-theme="ocean"]{--bg:#eef6ff;--panel:#fff;--ink:#0f2748;--muted:#58708d;--line:#cfe0f5}body[data-theme="ocean"] aside{background:#0b3b70}body[data-theme="ocean"] .primary{background:#155eaa;border-color:#155eaa}
body[data-theme="emerald"]{--bg:#eefbf5;--panel:#fff;--ink:#103c2d;--muted:#55756a;--line:#cde9dc}body[data-theme="emerald"] aside{background:#0d4b37}body[data-theme="emerald"] .primary{background:#08785a;border-color:#08785a}
body[data-theme="royal"]{--bg:#f6f1ff;--panel:#fff;--ink:#2e1954;--muted:#76668f;--line:#e1d5f4}body[data-theme="royal"] aside{background:#3e216b}body[data-theme="royal"] .primary{background:#673ab7;border-color:#673ab7}
body[data-theme="sunset"]{--bg:#fff5ed;--panel:#fff;--ink:#4a2514;--muted:#8a6b5b;--line:#f2d8c5}body[data-theme="sunset"] aside{background:#5a2915}body[data-theme="sunset"] .primary{background:#d95d16;border-color:#d95d16}
body[data-theme] .card,body[data-theme] header{background:var(--panel);color:var(--ink)}
@media(max-width:600px){.theme-pills{grid-template-columns:1fr 1fr}.statement-toolbar{flex-direction:column;align-items:stretch}.statement-toolbar label{width:100%}}

body[data-theme="midnight"]{--bg:#0b1220;--panel:#111827;--ink:#f3f4f6;--muted:#9ca3af;--line:#334155}body[data-theme="midnight"] aside{background:#020617}body[data-theme="midnight"] header,body[data-theme="midnight"] .card{background:#111827;color:#f3f4f6}body[data-theme="midnight"] input,body[data-theme="midnight"] select,body[data-theme="midnight"] textarea{background:#0f172a;color:#f3f4f6;border-color:#475569}body[data-theme="midnight"] button{background:#1e293b;color:#f8fafc;border-color:#475569}body[data-theme="midnight"] .primary{background:#2563eb;border-color:#2563eb}

/* Professional POS and Purchase */
.pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pro-head h2{margin:0 0 3px}.pro-head small{color:var(--muted)}.pro-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);gap:14px;align-items:start}.pro-catalog,.pro-cart{padding:14px}.pro-cart{position:sticky;top:78px;max-height:calc(100vh - 100px);overflow:auto}.pro-search{display:grid;grid-template-columns:1fr 190px;gap:10px}.pro-cats{display:flex;gap:7px;overflow-x:auto;padding:12px 0}.pro-cats button{white-space:nowrap;padding:7px 12px}.pro-cats button.active{background:#f97316;border-color:#f97316;color:#fff}.pro-products{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:10px;max-height:calc(100vh - 260px);overflow:auto;padding:2px}.pro-product{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:190px;padding:10px;background:var(--panel);border-color:var(--line);overflow:hidden}.pro-product:hover{border-color:#f97316;box-shadow:0 7px 20px rgba(249,115,22,.12);transform:translateY(-1px)}.pro-product-image{height:92px;border-radius:9px;background:var(--bg);display:grid;place-items:center;margin-bottom:8px;overflow:hidden}.pro-product-image img{width:100%;height:100%;object-fit:contain}.pro-product-image span{font-size:27px;font-weight:900;color:#94a3b8}.pro-product b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-product small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.pro-product strong{color:#dc2626;margin-top:auto}.pro-product i{position:absolute;right:7px;bottom:7px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f97316;color:#fff;font-style:normal}.pro-order-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:11px}.pro-order-title h3{margin:3px 0}.pro-order-title span{padding:5px 9px;border-radius:99px;background:var(--bg);font-size:11px}.pro-cart-lines{display:grid;gap:8px;min-height:130px;max-height:39vh;overflow:auto;margin:12px 0}.pro-cart-line{display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px}.pro-cart-line small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pro-qty{display:flex;align-items:center}.pro-qty button{padding:5px 8px}.pro-qty input{width:55px;padding:6px;text-align:center}.pro-remove{padding:5px 8px;color:#dc2626}.pro-totals{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:10px}.pro-totals>div{display:flex;justify-content:space-between;align-items:center}.pro-totals input{width:120px;padding:6px;text-align:right}.pro-totals .grand{font-size:18px;border-top:1px dashed var(--line);padding-top:9px}.pro-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.pro-cart-actions button:first-child{grid-column:1/-1}.pro-orange{background:#f97316!important;color:#fff!important;border-color:#f97316!important}.pro-green{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.pro-wide{width:100%;margin-top:13px}.pro-pay-row{display:grid;grid-template-columns:110px 1fr 120px;gap:8px;align-items:center;margin:8px 0}.pro-due,.pro-pay-balance{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg);border-radius:10px;margin:10px 0}.pro-pay-balance{font-size:18px}.pro-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.pur-line{grid-template-columns:minmax(90px,1fr) 70px 90px auto auto}.pur-line>input{padding:7px}
@media(max-width:1250px){.pro-products{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:950px){.pro-layout{grid-template-columns:1fr}.pro-cart{position:static;max-height:none}.pro-products{max-height:none}.pro-cart-lines{max-height:none}}
@media(max-width:650px){.pro-head{align-items:flex-start}.pro-search{grid-template-columns:1fr}.pro-products{grid-template-columns:repeat(2,minmax(125px,1fr))}.pro-product{min-height:175px}.pro-cart-line{grid-template-columns:1fr auto}.pro-cart-line>strong,.pro-cart-line>.pro-remove{justify-self:end}.pur-line{grid-template-columns:1fr 70px}.pro-pay-row{grid-template-columns:1fr}.pro-modal-actions{display:grid}.pro-cart-actions{grid-template-columns:1fr}.pro-cart-actions button:first-child{grid-column:auto}}

/* Live dashboard */
.dash-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dash-title h2{margin:0}.dash-title small{color:var(--muted)}.dash-period{display:flex;gap:5px}.dash-period button.active{background:#111827;color:#fff}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.dash-metric{background:var(--panel);border:1px solid var(--line);border-left:5px solid #64748b;border-radius:13px;padding:14px}.dash-metric small,.dash-metric span{display:block;color:var(--muted)}.dash-metric b{display:block;font-size:23px;margin:5px 0}.dash-metric span{font-size:10px}.dash-metric.sale{border-left-color:#16a34a}.dash-metric.return{border-left-color:#dc2626}.dash-metric.purchase{border-left-color:#2563eb}.dash-metric.warning{border-left-color:#f59e0b}.dash-metric.danger{border-left-color:#b91c1c}.dash-metric.order{border-left-color:#7c3aed}.dash-metric.online{border-left-color:#10b981}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.dash-chart-card{grid-column:1/-1}.dash-chart{height:205px;display:flex;align-items:flex-end;gap:9px;overflow-x:auto;border-bottom:1px solid var(--line);padding:8px 8px 0}.dash-chart-col{height:100%;min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.dash-bars{height:158px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.dash-bars i{display:block;width:min(15px,40%);border-radius:5px 5px 0 0}.dash-bars .sales,.dash-legend i.sales{background:#16a34a}.dash-bars .purchases,.dash-legend i.purchases{background:#2563eb}.dash-chart-col small{font-size:9px;padding:7px 0;white-space:nowrap}.dash-legend{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:11px}.dash-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.online-users,.move-list{display:grid;gap:7px;max-height:310px;overflow:auto}.online-users>div,.move-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px;border-bottom:1px solid var(--line)}.online-users i{width:10px;height:10px;border-radius:50%;background:#94a3b8}.online-users i.on{background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.online-users span small{display:block;color:var(--muted);font-size:9px}.online-users em{font-style:normal;font-size:9px;color:var(--muted)}.move-list>div>b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534}.move-list.slow>div>b{background:#fef3c7;color:#92400e}.move-list strong{color:#2563eb}
@media(max-width:1000px){.dash-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dash-title{align-items:flex-start;flex-direction:column}.dash-grid{grid-template-columns:1fr}.dash-chart-card{grid-column:auto}.dash-metrics{grid-template-columns:1fr 1fr}.online-users em{display:none}}@media(max-width:430px){.dash-metrics{grid-template-columns:1fr}}
.stock-empty{opacity:.55;filter:grayscale(.7)}.token-list{display:grid;gap:8px}.token-pick{display:grid;grid-template-columns:90px 1fr auto;text-align:left;align-items:center;gap:10px}.token-pick>b{font-size:20px;color:#7c3aed}.pro-receipt{max-width:380px;margin:auto}.receipt-line,.receipt-total{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:8px 0}.receipt-total{font-size:20px;border-top:2px solid var(--ink);margin-top:10px}.pro-receipt .actions{margin-top:15px}.pro-receipt .actions button{flex:1}@media print{body *{visibility:hidden}.modal,.modal *,.pro-receipt,.pro-receipt *{visibility:visible}.modal{position:absolute;inset:0;background:#fff;padding:0}.modal-card{position:absolute;left:0;top:0;width:80mm;max-height:none;overflow:visible;box-shadow:none;border:0}.modal-card>.x{display:none}.pro-receipt{width:72mm;color:#000}.pro-receipt .no-print{display:none!important}}
.cashier-portal .app{grid-template-columns:1fr}.cashier-portal #sidebar{display:none}.cashier-portal .pro-cart{display:flex}.cashier-portal header .head-title small,.cashier-portal #notifyBell{display:none}.cashier-portal #content{padding:12px}.cashier-portal .pro-layout{grid-template-columns:minmax(0,1.7fr) minmax(350px,.8fr)}@media(max-width:950px){.cashier-portal .pro-layout{grid-template-columns:1fr}}

/* DOZ V4 independent scrolling + stable pickers + HR UI */
html,body{height:100%;overflow:hidden}.app{height:100vh;min-height:0}aside{height:100vh;overflow-y:auto;overscroll-behavior:contain}main{height:100vh;overflow-y:auto;overscroll-behavior:contain;min-width:0}.smart-picker{position:relative;min-width:0}.smart-picker-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:120;background:var(--panel,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18);max-height:260px;overflow-y:auto;padding:5px}.smart-picker-list button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px;border-radius:7px;white-space:normal}.smart-picker-list button:hover{background:var(--bg)}.smart-empty{padding:10px;color:var(--muted)}.doc-pills{display:flex;gap:4px;flex-wrap:wrap}.doc-pill{font-size:10px;padding:3px 6px;border-radius:99px;border:1px solid}.doc-pill.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.doc-pill.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.doc-pill.expired{color:#991b1b;background:#fef2f2;border-color:#fecaca}.doc-pill.neutral{color:#475569;background:#f8fafc;border-color:#cbd5e1}.employee-photo-sm{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.employee-photo-lg{width:92px;height:92px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.employee-photo-lg.placeholder{display:grid;place-items:center;background:#e5e7eb;font-weight:800}.employee-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.qr-box svg{width:150px;height:150px}.employee-card-info{display:grid;gap:7px;margin-top:14px}.payroll-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compact-metrics{grid-template-columns:repeat(6,minmax(120px,1fr))}.statement-table td.num,.statement-table th.num{text-align:right}.statement-table tfoot th{border-top:2px solid var(--ink);font-weight:800}.statement-person{margin-top:8px;padding:7px;background:var(--bg);border-radius:8px}.modal-card{overscroll-behavior:contain}@media(max-width:950px){html,body{overflow:hidden}main{height:100vh;overflow-y:auto}.payroll-layout{grid-template-columns:1fr}.compact-metrics{grid-template-columns:1fr 1fr}.employee-card-top{grid-template-columns:1fr;text-align:center}.qr-box{display:grid;place-items:center}}

/* V5.5 product master */
.inv-thumb{width:58px;height:48px;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;place-items:center;background:var(--bg)}.inv-thumb img,.product-image-preview img{width:100%;height:100%;object-fit:contain;display:block}.inv-thumb span{font-size:10px;color:var(--muted)}.product-form-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.product-form-head h3{margin:0 0 4px}.product-image-preview{width:112px;height:86px;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--bg);flex:0 0 auto}.product-image-preview span{color:var(--muted)}.product-entry{align-items:end}.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.inline-field button{white-space:nowrap}.calculated-field{min-height:42px;display:flex;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-weight:800}.check-row{flex-direction:row;align-items:center;min-height:42px}.check-row input{width:auto}.pack-editor{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg)}.pack-editor .section-title{margin-bottom:10px}.pack-editor .section-title small{display:block;color:var(--muted);font-weight:400}.pack-head,.pack-row{display:grid;grid-template-columns:110px 100px minmax(150px,1fr) 120px 42px;gap:7px;align-items:center}.pack-head{font-size:11px;color:var(--muted);padding:0 3px 5px}.pack-row{margin-bottom:7px}.pack-row input{min-width:0;background:var(--panel)}.pack-del{color:#dc2626;padding:9px}@media(max-width:650px){.product-form-head{align-items:flex-start}.product-image-preview{width:82px;height:70px}.pack-head{display:none}.pack-row{grid-template-columns:1fr 1fr}.pack-row .pack-code{grid-column:1/-1}.pack-row .pack-del{grid-column:2;justify-self:end}.product-entry{grid-template-columns:1fr}.product-entry>.full{grid-column:auto}}