/* Shared presentation refinements; no application behaviour lives here. */
.report-view-control{margin:0 0 22px}.report-view-label{margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.5px}.report-tabs{display:inline-flex;gap:4px;margin:0;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.report-tabs a{padding:8px 13px;border:1px solid transparent;border-radius:7px;color:#6d5a4e;text-decoration:none;font-size:12px;font-weight:800;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.report-tabs a:hover{background:#f9f4ec;color:var(--primary)}.report-tabs a.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 5px rgba(34,23,17,.18)}
.dashboard-kpis{margin-bottom:20px}.cashier-metrics{max-width:620px;margin-bottom:20px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:20px;align-items:start}.dashboard-layout .card{margin-bottom:0}.recent-bills{grid-column:1}.staff-panel{grid-column:1}.dashboard-layout .dashboard-side{position:static;z-index:auto;width:auto;inset:auto;grid-column:2;background:var(--surface);padding:20px;color:var(--text);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading .eyebrow{margin-bottom:4px}.section-heading h3{margin-bottom:0}.section-heading>a{font-size:12px;white-space:nowrap}.payment-summary{margin:0}.payment-summary div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.payment-summary div:last-child{border-bottom:0}.payment-summary dt{color:var(--muted);font-size:12px}.payment-summary dd{margin:0;color:var(--primary);font-weight:800;font-size:12px;text-align:right}.quick-actions{display:flex;flex-direction:column;gap:9px}.quick-actions h3{margin-bottom:8px}.quick-actions .button{width:100%;justify-content:flex-start}.quick-actions .primary{justify-content:center}.badge{white-space:nowrap}
aside a{position:relative}aside a:hover{box-shadow:inset 3px 0 0 var(--accent)}
@media(max-width:1000px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.recent-bills,.staff-panel,.dashboard-layout .dashboard-side{grid-column:1}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions p,.quick-actions h3{grid-column:1/-1}.quick-actions .primary{grid-column:1/-1}}@media(max-width:760px){.report-tabs{display:flex;width:100%}.report-tabs a{flex:1;text-align:center;padding:9px 6px}.report-filter label{margin:0;flex:1;min-width:120px}.report-filter label select,.report-filter label input{width:100%}.dashboard-layout{gap:14px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.quick-actions{grid-template-columns:1fr}.quick-actions .primary{grid-column:auto}}
.dashboard-layout .dashboard-side a{display:inline-flex;width:auto;margin:0;padding:8px 13px;background:var(--surface);color:var(--primary);box-shadow:none}.dashboard-layout .dashboard-side a:hover{color:var(--primary-hover);background:#f9f4ec}.dashboard-layout .quick-actions .primary{background:var(--primary);border-color:var(--primary);color:#fff}.dashboard-layout .quick-actions .primary:hover{background:var(--primary-hover);color:#fff}
:root{--primary:#211d1f;--primary-hover:#100e0f;--accent:#9b3159;--accent-soft:#f5dfe7;--bg:#f5f0eb;--surface:#fffdfa;--surface-soft:#f6eee9;--sidebar:#171316;--sidebar-muted:#d0c3c8}body{background:linear-gradient(135deg,#f7f2ed,#eee5e0)}aside h1{font-size:25px;letter-spacing:1px;color:#fff}aside h1 small{color:#e6a9be;text-transform:none;letter-spacing:.8px}.signed-in{margin:0 10px 18px;padding:10px 11px;border:1px solid #50313f;border-radius:10px;background:#251e22;color:#f6e9ed;font-size:11px}.signed-in span,.signed-in em{display:block;color:#c9adb8;font-style:normal}.signed-in strong{display:block;margin:3px 0;color:#fff}.login-page{background:radial-gradient(circle at 20% 15%,#74304b 0,#241a20 36%,#100e0f 100%)}.login{border-top:4px solid var(--accent);box-shadow:0 28px 70px #08060866}.login-brand h1{color:#251b20;font-size:38px;text-transform:lowercase;letter-spacing:1px}.login-brand strong{display:block;color:var(--accent);font:700 18px Georgia,serif}.login-brand p:last-child{font-size:13px}.primary{background:var(--primary)}.primary:hover{background:var(--accent);border-color:var(--accent)}.metric:before{background:var(--accent)}.header-user{margin:5px 0 0;color:var(--muted);font-size:12px}.report-brand{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--surface)}.report-brand h1{margin:0;color:var(--primary);font:700 23px Georgia,serif}.report-brand h1 span{color:var(--accent);font-size:16px}.report-brand p{margin:4px 0;color:var(--muted);font-size:11px}.report-brand em{font-style:normal;color:var(--accent)}.report-brand-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--muted);font-size:11px}.report-brand-meta strong{color:var(--primary);font-size:13px}.pos .card:first-child{border-top:3px solid var(--accent)}.cart .line{border-left:3px solid var(--accent)}.totals .grand{color:var(--accent);font-size:22px}.receipt h2{font-size:21px;text-transform:lowercase}.receipt-tagline{font:700 13px Georgia,serif}.receipt p{overflow-wrap:anywhere}@media(max-width:760px){.report-brand{flex-direction:column}.report-brand-meta{align-items:flex-start}}
.badge.srb{background:#f4e1e8;color:#7e2146}.badge.internal{background:#e6edf2;color:#25475b}.eyebrow{font-weight:900}
aside{height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain}@media(max-width:760px){aside{height:auto;min-height:0;overflow:visible}}
.receipt{width:76mm;padding:3mm}.receipt-qr{text-align:center;margin:3mm 0}.receipt-qr img{width:30mm;height:30mm;image-rendering:pixelated}.receipt-qr small{display:block}@page{size:80mm auto;margin:2mm}@media print{.receipt{width:76mm;padding:2mm}.receipt-qr img{width:28mm;height:28mm}}