:root{--ink:#292625;--muted:#85817e;--line:#ebe7e2;--paper:#fbfaf8;--surface:#fff;--brand:#555555;--brand-dark:#444444;--brand-soft:#ececec;--green:#777777;--green-soft:#e9f1ec;--sand:#a2a2a2;--shadow:0 12px 35px rgba(33,33,33,.06);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px 18px;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:1px 9px 31px}.brand strong{display:block;font-size:14px;letter-spacing:-.2px}.brand small{display:block;color:#a2a2a2;font-size:9px;font-weight:700;letter-spacing:1px;margin-top:4px}.brand-mark{width:58px;height:58px;border-radius:18px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;font-weight:700;letter-spacing:-2px;box-shadow:0 8px 18px #55555524}.brand-mark span{font-size:12px;font-style:italic;letter-spacing:0;color:#cfcfcf;margin:0 1px}.brand-mark.small{width:37px;height:37px;border-radius:12px;font-size:14px}.brand-mark.small span{font-size:9px}.side-label{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#adadad;padding:0 12px 9px}#nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#746e69;border-radius:9px;text-align:left;padding:11px 12px;font-size:13px;font-weight:550;display:flex;align-items:center;gap:12px;transition:.18s}.nav-item:hover{background:#f8f5f2;color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700}.nav-icon{font-size:17px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.private-card{display:flex;align-items:center;gap:10px;background:#f8f7f5;border-radius:10px;padding:11px;margin-bottom:8px}.private-card strong{display:block;font-size:11px}.private-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.status-dot,.live-badge b{width:7px;height:7px;border-radius:99px;background:#72a17f;display:inline-block;box-shadow:0 0 0 3px #72a17f20}.backup-link{border:0;background:none;color:#7f7f7f;padding:9px 10px;font-size:11px}.backup-link:hover{color:var(--brand)}.main{margin-left:248px;min-height:100vh;padding:0 36px 48px;max-width:1600px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:0 -36px 0;padding:0 36px;background:#fbfaf8eF;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.crumb{font-size:12px;color:#9c9c9c}.crumb i{font-style:normal;margin:0 11px;color:#c2c2c2}.crumb strong{color:var(--ink);font-weight:650}.top-actions{display:flex;gap:12px;align-items:center}.date-chip,.live-badge{font-size:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 11px;color:#746e69}.live-badge{display:flex;align-items:center;gap:7px}.live-badge b{width:6px;height:6px}.mobile-brand{display:none}.page{display:none;padding-top:29px;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 23px}.page-heading.compact{margin-bottom:17px}.eyebrow{color:#9c9c9c;font-size:9px;font-weight:800;letter-spacing:1.35px;margin:0 0 8px}.page h1{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.1;letter-spacing:-.45px;margin:0 0 8px;font-weight:500;color:#302b29}.muted{color:var(--muted);font-size:12px;margin:0;line-height:1.55}.button{border:1px solid transparent;border-radius:8px;padding:10px 15px;font-weight:650;font-size:12px;transition:.18s}.button.primary{background:var(--brand);color:#fff;box-shadow:0 4px 11px #55555522}.button.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:var(--line);color:#4f4f4f}.button.secondary:hover{border-color:#bcbcbc;background:#fcfaf8}.button.full{width:100%}.text-button{border:0;background:none;color:var(--brand);font-size:11px;font-weight:700;padding:5px}.text-button:hover{color:var(--brand-dark)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-card{padding:16px 17px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7b7b7b;font-size:11px;margin-bottom:13px}.metric-card>strong{display:block;font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px;font-weight:500;color:#302b29}.metric-card>small{display:block;color:#9d9d9d;font-size:10px;margin-top:7px}.metric-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px}.metric-icon.rose{background:var(--brand-soft);color:var(--brand)}.metric-icon.sand{background:#f1f1f1;color:#8d8d8d}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.dark{background:#f0efee;color:#514a46}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.9fr);gap:15px}.panel{padding:18px;margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-head h2,.accent-panel h2{font-size:14px;margin:0 0 5px;font-weight:700;letter-spacing:-.2px}.panel-head p{font-size:10px;margin:0;color:#9c9c9c}.panel-rule{height:1px;background:var(--line);margin:16px 0 11px}.settlement-total{font-family:Georgia,serif;font-size:27px;margin:18px 0 5px}.small-copy{font-size:10px;margin-bottom:14px}.inventory-summary{display:flex;justify-content:space-between;padding:7px 0;color:#7c7c7c;font-size:11px}.inventory-summary strong{color:#393330}.notice{display:flex;align-items:flex-start;gap:12px;background:#f1f1f1;border:1px solid #e6e6e6;border-radius:10px;padding:14px 16px;margin-top:15px;color:#595959}.notice>span{font-size:16px;color:#8d8d8d}.notice strong{font-size:11px}.notice p{font-size:10px;margin:4px 0 0;color:#787878;line-height:1.5}.notice .text-button{margin-left:auto;white-space:nowrap}.table-empty{padding:24px 12px;text-align:center;color:#929292;font-size:11px;border:1px dashed #e4e4e4;border-radius:8px}.row-list{display:grid}.list-row{display:grid;grid-template-columns:1.15fr 1fr .7fr .7fr;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #f2efeb;font-size:11px}.list-row:last-child{border-bottom:0}.list-row.head{color:#a3a3a3;text-transform:uppercase;letter-spacing:.5px;font-size:9px;padding-top:5px}.order-name{font-weight:650;color:#434343}.order-sub{display:block;color:#9c9c9c;font-size:9px;margin-top:3px}.status-pill{display:inline-block;border-radius:99px;padding:5px 8px;font-size:9px;background:#eaf2ec;color:#507c61}.status-pill.refunded{background:#f8ebe8;color:#a64036}.icon-button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#8d8d8d;font-size:18px;line-height:1}.field-label{display:block;color:#6f6f6f;font-size:10px;font-weight:650;margin:13px 0 7px}.subtle{color:#a2a2a2;font-size:9px;line-height:1.45}.center{text-align:center}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.field{display:grid;gap:6px;min-width:0}.field>span{font-size:10px;font-weight:650;color:#6f6f6f}.field input,.field select,.login-card input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #e2e2e2;background:#fff;border-radius:7px;color:#393330;outline:0;font-size:11px}.field input:focus,.field select:focus,.login-card input:focus{border-color:#878787;box-shadow:0 0 0 3px #55555511}.field input::placeholder{color:#bababa}.form-grid>.button{justify-self:start}.accent-panel{background:#fcf7f1;border-color:#e8e8e8}.accent-icon{width:31px;height:31px;display:grid;place-items:center;background:#eaeaea;color:#8d8d8d;border-radius:9px;margin-bottom:10px}.accent-panel p{font-size:11px;color:#7c7c7c;line-height:1.6;max-width:420px;margin:7px 0 12px}.table-panel{margin-top:15px}.table-total{font-size:12px;color:#423b37}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:#9c9c9c;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 8px;border-bottom:1px solid #f2efeb;color:#4b4b4b}.data-table tr:last-child td{border-bottom:0}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.cell-main{font-weight:650;color:#393330}.cell-sub{display:block;font-size:9px;color:#a2a2a2;margin-top:3px}.recipe-button{border:1px solid #e6e6e6;background:#f9f9f9;border-radius:6px;color:#686868;padding:6px 8px;font-size:9px;font-weight:700;white-space:nowrap}.stock-low{color:#b45245!important}.narrow-panel{max-width:780px}.report-controls{padding:14px 16px 0}.report-dates{display:flex;align-items:end;gap:11px;padding-bottom:14px}.report-dates>.date-range-box{flex:1 1 300px}.report-dates .field{min-width:145px}.report-tabs{display:flex;gap:4px;border-top:1px solid var(--line);overflow:auto}.report-tab{padding:12px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#848484;font-size:10px;font-weight:650;white-space:nowrap}.report-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-stat{padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px}.report-stat span{font-size:10px;color:#838383}.report-stat strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:20px;font-weight:500}.report-section{margin-top:15px}.report-section h3{margin:0;font-size:13px}.report-section>p{font-size:10px;color:#969696;margin:5px 0 13px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.statement-total{font-weight:800;border-top:1px solid var(--line);padding:11px 8px!important;color:#342f2c!important}.settlement-panel{margin-top:16px}.inline-form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:10px;align-items:end}.ledger-entry{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.ledger-entry summary{padding:13px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.ledger-entry summary::-webkit-details-marker{display:none}.ledger-entry summary:after{content:"⌄";margin-left:auto;color:#9c9c9c}.ledger-entry strong{font-size:11px}.ledger-entry small{display:block;color:#a2a2a2;font-size:9px;margin-top:4px}.entry-source{border-radius:99px;background:#f5f1ec;padding:5px 8px;color:#7b7b7b;font-size:9px;text-transform:capitalize}.entry-ref{font-size:9px;color:#9c9c9c}.ledger-lines{padding:0 15px 12px}.ledger-lines .data-table td,.ledger-lines .data-table th{padding:8px}.small-notice{margin-top:17px;padding:12px}.small-notice p{max-width:620px}.modal{position:fixed;inset:0;background:#1d1d1da8;display:grid;place-items:center;padding:18px;z-index:20}.modal-card{background:#fff;border-radius:14px;padding:22px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #1212123b}.modal-card h2{margin:0;font-size:18px}.recipe-row{display:grid;grid-template-columns:1.4fr .75fr .5fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f0ece8;font-size:10px}.recipe-row input{height:32px;border:1px solid var(--line);border-radius:6px;padding:0 8px;width:100%;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;margin-top:14px}.toast{position:fixed;right:24px;bottom:24px;z-index:30;padding:12px 16px;background:#302b29;color:#fff;border-radius:9px;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:min(380px,calc(100vw - 30px))}.toast.show{opacity:1;transform:none}.toast.error{background:#963b34}.login-screen{position:fixed;inset:0;background:radial-gradient(ellipse at top right,#e7e7e7 0,#fbfaf8 55%);display:grid;place-items:center;padding:20px;z-index:50}.login-card{width:min(380px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 18px 55px #34343412}.login-card .brand-mark{margin-bottom:23px}.login-card h1{font-family:Georgia,serif;font-weight:500;font-size:28px;margin:0 0 8px}.login-card .muted{margin-bottom:22px}.login-card input{margin:8px 0 13px;font-size:15px;letter-spacing:3px}.form-error{min-height:16px;color:var(--brand);font-size:10px;margin:8px 0 0}.mobile-nav{display:none}
@media(max-width:1150px){.main{padding-left:25px;padding-right:25px}.topbar{margin-left:-25px;margin-right:-25px;padding:0 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{margin-left:205px;padding-left:18px;padding-right:18px}.topbar{margin-left:-18px;margin-right:-18px;padding:0 18px}.dashboard-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar{display:none}.main{margin-left:0;padding:0 14px 86px}.topbar{margin:0 -14px;padding:0 14px;height:58px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:12px}.mobile-brand .brand-mark{width:31px;height:31px;border-radius:10px;font-size:12px}.top-actions{gap:6px}.date-chip{display:none}.live-badge{font-size:9px;padding:7px 9px}.page{padding-top:22px}.page h1{font-size:27px}.page-heading{align-items:flex-end;gap:10px}.page-heading .button{padding:9px 11px;font-size:10px;white-space:nowrap}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:21px}.metric-card>small{font-size:9px;line-height:1.35}.metric-top{font-size:10px}.dashboard-grid{gap:8px}.panel{padding:14px;margin-bottom:10px}.panel-head{margin-bottom:12px}.notice{align-items:flex-start}.notice .text-button{display:none}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.form-grid .button{grid-column:1/-1}.inline-form{grid-template-columns:1fr 1fr}.inline-form .field:nth-child(3){grid-column:1/-1}.inline-form .button{grid-column:1/-1}.report-dates{display:grid;grid-template-columns:1fr 1fr}.report-dates .button{grid-column:1/-1}.report-summary{grid-template-columns:1fr 1fr}.report-columns{grid-template-columns:1fr}.report-tabs{margin:0 -14px;padding:0 8px}.report-tab{padding:11px 10px}.data-table th,.data-table td{padding:9px 5px;font-size:9px}.data-table th{font-size:8px}.recipe-button{padding:5px 6px;font-size:8px}.list-row{grid-template-columns:1fr .8fr .6fr;gap:5px;font-size:10px}.list-row>:last-child{display:none}.side-label{font-size:8px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:6px 5px calc(6px + env(safe-area-inset-bottom));z-index:10;box-shadow:0 -6px 25px #2828280a}.mobile-nav button{border:0;background:none;color:#8c8c8c;display:grid;gap:3px;place-items:center;font-size:8px;padding:5px 0}.mobile-nav button span{font-size:15px}.mobile-nav button.active{color:var(--brand);font-weight:700}.ledger-entry summary{gap:7px;padding:11px}.entry-ref{display:none}.entry-source{font-size:8px}.notice p{font-size:9px}.login-card{padding:27px}.subtle{font-size:8px}}
.small-button{padding:7px 9px;font-size:9px;white-space:nowrap}
.card-details{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.card-details .field input,.card-details .field select{height:35px}.check-field{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:11px;color:#5d5d5d}.check-field input{accent-color:var(--brand)}
@media print{}
@media(max-width:1150px){}
@media(max-width:850px){}
@media(max-width:650px){}
@media(max-width:1150px){}
@media(max-width:850px){}
@media(max-width:650px){}
.card-fragment-note{margin:0 0 9px;color:#7b7b7b;font-size:10px;line-height:1.45}
@media(max-width:650px){}
.crumb-separator{padding:0 5px;color:#afafaf}
.filter-select select{width:100%;height:34px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4b4b4b;font-size:9px;outline:0}
.filter-select select:disabled{color:#7b7b7b;background:#faf9f8}
.existing-empty{padding:8px;color:var(--muted);font-size:9px}
.add-note{display:block;padding:3px 0 0;border:0;background:none;color:#7b7b7b;font-size:8px;text-align:left}
.kot-button{background:#1c1c1c;color:#fff}
.draft-button{background:#fff;color:#4b4b4b;border:1px solid var(--line)}
.payment-button{background:#8a8a8a;color:#fff}
.print-button{background:#7e7e7e;color:#fff}
@media(max-width:1050px){}
@media(max-width:850px){}
@media(max-width:650px){}
.add-note{font-size:9px}
@media(max-width:850px){}
@media(max-width:650px){}
@media(max-width:650px){}
@media(max-width:650px){}
.register-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.register-method{display:grid;gap:7px;padding:15px;border:1px solid #e8e3de;border-radius:9px;background:linear-gradient(120deg,#fff,#fbf7f2)}
.register-method>span{color:#474747;font-size:11px;font-weight:700}
.register-method>strong{color:#555555;font-size:20px;font-variant-numeric:tabular-nums}
.register-method>small{color:#878787;font-size:9px}
@media(max-width:650px){.register-breakdown{grid-template-columns:1fr}.register-method{padding:12px}}
.register-breakdown{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.register-method{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 12px;padding:13px 15px;border:0;border-bottom:1px solid #f0eeeb;border-radius:0;background:#fff}
.register-method:last-child{border-bottom:0}
.register-method>span{grid-column:1;grid-row:1;color:#474747;font-size:11px}
.register-method>small{grid-column:1;grid-row:2}
.register-method>strong{grid-column:2;grid-row:1 / span 2;font-size:16px;text-align:right}

/* Salt n Pepper monochrome visual system */
:root{--ink:#111;--muted:#686868;--line:#e1e1e1;--paper:#f5f5f5;--surface:#fff;--brand:#101010;--brand-dark:#000;--brand-soft:#ededed;--green:#111;--green-soft:#efefef;--sand:#777;--shadow:0 10px 28px rgba(0,0,0,.055);color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.sidebar,.topbar,.panel,.metric-card,.modal-card,.login-card{background:#fff;border-color:#e2e2e2}
.brand-mark{background:#111;color:#fff;box-shadow:none}.brand-mark span{color:#d0d0d0}
.nav-item{color:#555}.nav-item:hover,.nav-item.active{background:#ededed;color:#111}
.side-label,.eyebrow,.panel-head p,.muted,.field>span,.filter-select,.crumb,.date-chip{color:#737373}
.button.primary,.button.primary:hover{background:#111;border-color:#111;color:#fff;box-shadow:none}
.button.secondary{background:#fff;border-color:#d9d9d9;color:#111}.button.secondary:hover{background:#f0f0f0;border-color:#aaa}
.text-button,.text-button:hover{color:#111}
.status-dot,.live-badge b{background:#111;box-shadow:0 0 0 3px #1111111a}
.metric-icon.rose,.metric-icon.sand,.metric-icon.green,.metric-icon.dark{background:#ededed;color:#111}
.status-pill,.status-pill.refunded{background:#ededed;color:#222}
.notice,.small-notice{background:#f3f3f3;border-color:#e1e1e1;color:#222}
.notice>span{color:#111}.notice p{color:#666}
.accent-panel{background:#f7f7f7;border-color:#e4e4e4}.accent-icon{background:#ececec;color:#111}.accent-panel p{color:#666}
.stock-low{color:#111!important}.toast,.toast.error{background:#111;color:#fff}
.login-screen{background:#f3f3f3}.form-error{color:#111}
.brand-mark.small span{color:#ddd}
.card-fragment-note{color:#666}
.recipe-button{background:#f5f5f5;border-color:#ddd;color:#222}
.register-method{background:#fff}.register-method>strong{color:#111}
input:focus,select:focus,textarea:focus{border-color:#888!important;box-shadow:0 0 0 3px #1111110c!important}
input[type=checkbox],input[type=radio]{accent-color:#111}
::selection{background:#d8d8d8;color:#111}

/* Separate waiter order entry and POS approval queue */
.staff-order-approval-panel{margin:0 0 15px;padding:18px;border:1px solid #ead6d6;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#fff9f8 100%);box-shadow:0 10px 28px rgba(45,12,12,.055)}
.staff-order-approval-panel .guest-inbox-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}
.staff-order-approval-panel .guest-inbox-heading h2{margin:4px 0;font-size:19px}
.staff-order-approval-panel .guest-inbox-heading p:last-child{margin:4px 0;color:#777;font-size:11px}
.staff-order-approvals-button{position:relative}
#staff-order-approvals-button.has-pending{border-color:#c94742;background:#fff5f4;color:#9b2424;box-shadow:0 0 0 3px rgba(190,48,48,.09)}
#staff-order-approvals-button.has-pending .guest-order-count{background:#bd272d;color:#fff}
.staff-order-approval-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.staff-order-approval-card{border:1px solid #e9e2df;border-radius:12px;padding:14px;background:#fff;box-shadow:0 5px 16px rgba(30,20,20,.035)}
.staff-order-approval-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.staff-order-approval-card-head h3{margin:4px 0;font-size:14px}
.staff-order-approval-card-head p{margin:4px 0;color:#777;font-size:10px}
.staff-order-approval-card-head>strong{font-size:15px;white-space:nowrap}
.staff-order-request-number{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f7eded;color:#9b3034;font-size:9px;font-weight:800;letter-spacing:.04em}
.staff-order-approval-items{list-style:none;margin:11px 0 8px;padding:0;max-height:150px;overflow:auto;border-top:1px solid #f0ecea}
.staff-order-approval-items li{display:flex;justify-content:space-between;gap:10px;padding:7px 1px;border-bottom:1px solid #f3f0ee;font-size:10px}
.staff-order-approval-summary{display:flex;gap:16px;color:#777;font-size:10px}
.staff-order-approval-summary span{display:flex;gap:5px}.staff-order-approval-summary b{color:#292929}
.staff-order-approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.staff-order-approval-actions .button{min-height:36px;font-size:10px}
.staff-order-page{max-width:1500px;margin-inline:auto}
.staff-order-page-heading{align-items:center}
.staff-order-live-state{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #e7dfd9;border-radius:999px;background:#fff;color:#57514e;font-size:10px;font-weight:750;white-space:nowrap}
.staff-order-live-state span{width:8px;height:8px;border-radius:50%;background:#b72931;box-shadow:0 0 0 4px #f7e9e9}
.staff-order-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);align-items:start;gap:15px}
.staff-order-builder{min-width:0}
.staff-order-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px;margin-bottom:14px;padding:17px}
.staff-order-controls .field{margin:0}
.staff-order-controls .field select{height:40px}
.staff-order-service-wrap{grid-column:1/-1}
.staff-order-label{display:block;margin-bottom:7px;color:#69615d;font-size:10px;font-weight:750}
.staff-order-service{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.staff-order-service button{min-height:37px;border:1px solid #e7e0dc;border-radius:8px;background:#fff;color:#605a56;font-size:10px;font-weight:700;cursor:pointer}
.staff-order-service button.active{border-color:#ac272e;background:#fff1f1;color:#92232a;box-shadow:inset 0 0 0 1px #ac272e}
.staff-order-menu-panel{padding:17px}
.staff-order-menu-panel .panel-head{align-items:center;gap:14px}
.staff-order-menu-panel .panel-head h2,.staff-order-ticket h2,.staff-order-history h2{margin:2px 0;font-size:17px}
.staff-order-menu-panel .panel-head p:not(.eyebrow),.staff-order-history .panel-head p:not(.eyebrow){margin:4px 0 0;font-size:10px}
.staff-order-search{display:flex;align-items:center;gap:7px;width:min(280px,45%);height:38px;padding:0 10px;border:1px solid #e6e0dd;border-radius:8px;background:#fff;color:#928b87}
.staff-order-search input{width:100%;border:0!important;outline:0;box-shadow:none!important;font-size:11px}
.staff-order-categories{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}
.staff-order-category{flex:none;padding:7px 11px;border:1px solid #e9e3df;border-radius:999px;background:#fff;color:#6d6661;font-size:9px;font-weight:700;cursor:pointer}
.staff-order-category.active{border-color:#272322;background:#272322;color:#fff}
.staff-order-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}
.staff-order-menu-card{display:grid;gap:7px;min-height:106px;padding:12px;text-align:left;border:1px solid #e9e3df;border-radius:11px;background:linear-gradient(145deg,#fff,#fcfaf8);color:#272322;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.staff-order-menu-card:hover{transform:translateY(-2px);border-color:#c47a7e;box-shadow:0 8px 20px rgba(80,35,35,.08)}
.staff-order-menu-category{color:#938983;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.staff-order-menu-card>strong{font-size:11px;line-height:1.35}
.staff-order-menu-price{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#8d272d;font-size:10px;font-weight:800}
.staff-order-menu-price i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f7eaea;font-size:15px;font-style:normal}
.staff-order-ticket{position:sticky;top:76px;padding:17px}
.staff-order-ticket-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid #eee9e6}
.staff-order-ticket-head>span{padding:5px 8px;border-radius:999px;background:#f5f1ee;color:#706862;font-size:9px;font-weight:700}
.staff-order-cart{display:grid;gap:10px;max-height:min(52vh,500px);overflow:auto;padding:13px 0}
.staff-order-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding-bottom:10px;border-bottom:1px solid #f0ece9}
.staff-order-cart-line-main{display:grid;gap:3px;min-width:0}.staff-order-cart-line-main>strong{font-size:10px;line-height:1.4}.staff-order-cart-line-main>span{color:#817972;font-size:9px}
.staff-order-cart-line-controls{display:flex;align-items:center;gap:5px}.staff-order-cart-line-controls button{width:25px;height:25px;border:1px solid #e8e1dc;border-radius:7px;background:#fff;color:#504944;font-weight:800;cursor:pointer}.staff-order-cart-line-controls b{min-width:16px;text-align:center;font-size:10px}.staff-order-cart-line-controls .staff-order-remove{color:#a82b30}
.staff-order-line-total{grid-column:1/-1;text-align:right;font-size:10px}
.staff-order-options{grid-column:1/-1;margin-top:5px}.staff-order-options summary{width:max-content;color:#8e282e;font-size:9px;font-weight:700;cursor:pointer}.staff-order-option-list{display:grid;gap:5px;margin-top:6px;padding:8px;border-radius:8px;background:#f8f6f4}.staff-order-option-list label{display:flex;align-items:center;gap:6px;font-size:9px}.staff-order-option-list label b{margin-left:auto;color:#7b272b}.staff-order-option-list input{accent-color:#a9232c}
.staff-order-total{display:grid;gap:8px;padding:12px 0;border-top:1px dashed #e7e0dc}.staff-order-total>div{display:flex;justify-content:space-between;gap:10px;color:#716a65;font-size:10px}.staff-order-total>div b{color:#302b28}.staff-order-total .grand{padding-top:9px;border-top:1px solid #e9e3df;color:#211d1c;font-size:12px;font-weight:800}.staff-order-total .grand b{color:#95252c;font-size:15px}
.staff-order-submit{min-height:43px;margin-top:3px;font-size:11px;font-weight:800}.staff-order-submit:disabled{opacity:.45;cursor:not-allowed}
.staff-order-add-cancel{margin-top:7px}.staff-order-service button:disabled{cursor:default;opacity:.72}.staff-order-add-button{width:max-content;max-width:100%;min-height:28px;padding:5px 9px;font-size:9px}
.staff-order-footnote{margin:9px 0 0;color:#827b76;font-size:9px;line-height:1.5}
.staff-order-empty{display:grid;place-items:center;min-height:64px;color:#97908b;font-size:10px;text-align:center}.staff-order-menu-empty{grid-column:1/-1;min-height:140px}
.staff-order-history{margin-top:15px;padding:17px}.staff-order-history-list{display:grid;gap:0}.staff-order-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:12px 3px;border-top:1px solid #f0ece9}.staff-order-history-row>div{display:grid;gap:4px;min-width:0}.staff-order-history-row>div strong{font-size:10px}.staff-order-history-row small{overflow:hidden;color:#827b75;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.staff-order-history-row>b{font-size:10px}.staff-order-status{padding:6px 9px;border-radius:999px;background:#f3f0ec;color:#645d57;font-size:9px;font-weight:800;white-space:nowrap}.staff-order-status.pending{background:#fff4dc;color:#835815}.staff-order-status.accepted{background:#eaf5eb;color:#2d6b37}.staff-order-status.declined{background:#faeaea;color:#9b3034}.staff-order-status.cancelled{background:#f0edf5;color:#615775}
@media(max-width:1050px){.staff-order-workspace{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.staff-order-service{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.staff-order-workspace{grid-template-columns:1fr}.staff-order-ticket{position:static}.staff-order-controls{grid-template-columns:1fr 1fr}.staff-order-page-heading{align-items:flex-start;flex-direction:column}.staff-order-approval-panel .guest-inbox-heading{align-items:flex-start;flex-direction:column}.staff-order-history-row{grid-template-columns:minmax(0,1fr) auto}.staff-order-history-row>b{grid-column:2;grid-row:1}.staff-order-status{grid-column:1/-1;justify-self:start}}
@media(max-width:480px){.staff-order-controls{grid-template-columns:1fr}.staff-order-service-wrap{grid-column:auto}.staff-order-service{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-order-menu-panel .panel-head{align-items:stretch;flex-direction:column}.staff-order-search{width:100%}.staff-order-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-order-approval-list{grid-template-columns:1fr}.staff-order-approval-actions{flex-direction:column}.staff-order-approval-actions .button{width:100%}}

@media(max-width:1100px){}
@media(max-width:900px){}
@media(max-width:650px){}

/* Odoo-inspired, readable sans-serif typography */
:root { font-family: "Lato", "Segoe UI", Arial, sans-serif; }
html, body { font-family: "Lato", "Segoe UI", Arial, sans-serif; }
button, input, select, textarea { font-family: inherit; }
.page h1,
.metric-card > strong,
.settlement-total,
.report-stat strong,
.login-card h1{ font-family: inherit; }
/* Reference dashboard: teal, airy, responsive, and sharp on high-density displays */
:root{--ink:#303030;--muted:#838383;--line:#e3ebed;--paper:#f2f6f7;--surface:#fff;--brand:#676767;--brand-dark:#555555;--brand-soft:#eeeeee;--green:#6a6a6a;--green-soft:#f0f0f0;--sand:#a7a7a7;--shadow:0 12px 32px rgba(53,53,53,.07);color:var(--ink);background:var(--paper);font-family:"Lato","Segoe UI",Arial,sans-serif;color-scheme:light}
body{background:var(--paper);color:var(--ink);font-family:inherit}
.sidebar, .topbar, .panel, .metric-card, .modal-card, .login-card{background:#fff;border-color:var(--line)}
.sidebar{box-shadow:3px 0 24px rgba(52,52,52,.025)}
.brand-mark{background:linear-gradient(145deg,#7c7c7c,#5c5c5c);color:#fff;box-shadow:0 8px 20px #67676728}
.brand-mark span{color:#e0e0e0}
.nav-item{color:#626262}
.nav-item:hover{background:#edf7f7;color:var(--brand-dark)}
.nav-item.active{background:var(--brand);color:#fff;font-weight:700}
.nav-item.active .nav-icon{color:#fff}
.side-label,.eyebrow{color:#808080}
.brand small,.private-card small,.subtle{color:#909090}
.main{max-width:2600px}
.topbar{background:rgba(255,255,255,.94);border-color:var(--line)}
.crumb,.date-chip,.live-badge{color:#7d7d7d}
.date-chip,.live-badge{background:#fff;border-color:var(--line)}
.button.primary,.button.primary:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 5px 14px #67676725}
.button.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
.button.secondary{background:#fff;border-color:#e1e1e1;color:#4c4c4c}
.button.secondary:hover{background:#f2f8f8;border-color:#c0c0c0}
.text-button,.text-button:hover{color:var(--brand-dark)}
.status-dot,.live-badge b{background:#17a47b;box-shadow:0 0 0 3px #17a47b20}
.metric-icon.rose{background:#efefef;color:#6a6a6a}
.metric-icon.sand{background:#f4f4f4;color:#909090}
.metric-icon.green{background:#f0f0f0;color:#6a6a6a}
.metric-icon.dark{background:#efefef;color:#6b6b6b}
.status-pill{background:#e3f3ef;color:#16836f}
.status-pill.refunded{background:#fff0ed;color:#bc5544}
.notice,.small-notice{background:#edf8f7;border-color:#e9e9e9;color:#4c4c4c}
.notice>span{color:var(--brand)}
.notice p{color:#808080}
.accent-panel{background:#eff8f7;border-color:#e7e7e7}
.accent-icon{background:#eeeeee;color:var(--brand)}
.accent-panel p{color:#7c7c7c}
.stock-low{color:#bd5d4b!important}
.toast{background:#414141;color:#fff}
.toast.error{background:#a9453a;color:#fff}
.login-screen{background:radial-gradient(ellipse at top right,#eaeaea 0,#f2f6f7 58%)}
.form-error{color:#b54d40}
.card-fragment-note{color:#828282}
.recipe-button{background:#edf7f6;border-color:#e4e4e4;color:#5b5b5b}
.register-method{background:#fff}
.register-method>strong{color:#303030}
input:focus,select:focus,textarea:focus{border-color:#979797!important;box-shadow:0 0 0 3px #67676717!important}
input[type=checkbox],input[type=radio]{accent-color:var(--brand)}
::selection{background:#dfdfdf;color:#363636}

/* Dashboard layout follows the supplied teal-and-white reference */
#page-dashboard{padding-top:29px}
#page-dashboard .dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:164px;align-items:center;margin:-29px -36px 23px;padding:32px 36px 50px;background:linear-gradient(118deg,#606060 0%,#6e6e6e 58%,#7f7f7f 100%);color:#fff;border-radius:0 0 0 38px}
#page-dashboard .dashboard-hero:before{content:"";position:absolute;z-index:-1;width:390px;height:390px;right:8%;top:-250px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 24px #ffffff0c,0 0 0 55px #ffffff0a}
#page-dashboard .dashboard-hero:after{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;bottom:-32px;height:56px;background:var(--paper);border-radius:48% 54% 0 0 / 70% 85% 0 0;transform:rotate(-.4deg)}
#page-dashboard .dashboard-hero>div,#page-dashboard .dashboard-hero>.button{position:relative;z-index:1}
#page-dashboard .dashboard-hero .eyebrow{color:#e4e4e4;font-size:10px;letter-spacing:1.5px}
#page-dashboard .dashboard-hero h1{font-family:inherit;color:#fff;font-size:32px;font-weight:750;letter-spacing:-.7px;margin:0 0 8px}
#page-dashboard .dashboard-hero .muted{color:#e9e9e9;font-size:13px}
#page-dashboard .dashboard-hero>.button.primary{background:#fff;border-color:#fff;color:#606060;box-shadow:none}
#page-dashboard .dashboard-hero>.button.primary:hover{background:#f5f5f5;color:#4d4d4d}
#page-dashboard .dashboard-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:14px}
#page-dashboard .metric-card{position:relative;min-width:0;min-height:135px;padding:17px 18px;border:1px solid #e5edef;border-radius:13px;box-shadow:0 6px 20px rgba(64,64,64,.045);overflow:hidden}
#page-dashboard .metric-card:after{content:"";position:absolute;right:-24px;bottom:-40px;width:88px;height:88px;border:1px solid #67676714;border-radius:50%;box-shadow:0 0 0 9px #67676708}
#page-dashboard .metric-top{position:relative;z-index:1;color:#797979;font-size:10px;font-weight:750;letter-spacing:.55px;text-transform:uppercase;margin-bottom:13px}
#page-dashboard .metric-card>strong{position:relative;z-index:1;font-family:inherit;color:#383838;font-size:24px;letter-spacing:-.45px;font-weight:750;font-variant-numeric:tabular-nums}
#page-dashboard .metric-card>small{position:relative;z-index:1;color:#959595;font-size:10px}
#page-dashboard .metric-icon{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;font-size:14px}
#page-dashboard .dashboard-wide-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
#page-dashboard .dashboard-wide-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:112px;overflow:hidden;padding:19px 22px;border:1px solid #e5edef;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(64,64,64,.045)}
#page-dashboard .dashboard-wide-card:after{content:"";position:absolute;right:-19px;bottom:-52px;width:142px;height:142px;border:1px solid #67676725;border-radius:50%;box-shadow:0 0 0 10px #67676709,0 0 0 22px #67676706}
#page-dashboard .dashboard-wide-card>div,#page-dashboard .dashboard-wide-card>.wide-icon{position:relative;z-index:1}
#page-dashboard .wide-label{display:block;color:#828282;font-size:10px;font-weight:750;letter-spacing:1px}
#page-dashboard .dashboard-wide-card strong{display:block;margin-top:7px;color:#737373;font-size:25px;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
#page-dashboard .dashboard-wide-card small{display:block;margin-top:4px;color:#959595;font-size:10px}
#page-dashboard .wide-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#f0f0f0;color:#686868;font-size:19px}
#page-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px}
#page-dashboard .dashboard-panel{min-height:235px;padding:19px;border-radius:14px;box-shadow:0 6px 20px rgba(64,64,64,.045)}
#page-dashboard .dashboard-panel .panel-head h2{color:#383838;font-size:15px}
#page-dashboard .dashboard-panel .panel-head p{color:#959595;font-size:10px}
#page-dashboard .settlement-total{font-family:inherit;color:#737373;font-size:29px;font-weight:750;font-variant-numeric:tabular-nums}
#page-dashboard .panel-rule{background:#e7eff0}
#page-dashboard .inventory-summary{color:#7f7f7f;border-bottom:1px solid #f0f4f4}
#page-dashboard .inventory-summary:last-child{border-bottom:0}
#page-dashboard .inventory-summary strong{color:#404040}
#page-dashboard .notice{margin-top:0;border-radius:12px}
.page h1{font-family:inherit;color:#303030}

/* Crisp vector typography and generous spacing at 4K/high-DPI sizes */
@media(min-width:1800px){.main{max-width:2800px;padding-left:48px;padding-right:48px}.topbar{margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}#page-dashboard .dashboard-hero{margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}#page-dashboard .metric-card{min-height:148px;padding:21px 22px}#page-dashboard .metric-card>strong{font-size:27px}#page-dashboard .dashboard-wide-card{min-height:128px;padding:23px 26px}#page-dashboard .dashboard-panel{padding:23px}}
@media(max-width:1250px){#page-dashboard .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#page-dashboard .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){#page-dashboard{padding-top:22px}#page-dashboard .dashboard-hero{min-height:153px;margin:-22px -14px 16px;padding:25px 16px 43px;border-radius:0 0 0 23px;align-items:flex-start;gap:10px}#page-dashboard .dashboard-hero h1{font-size:25px}#page-dashboard .dashboard-hero .muted{font-size:10px;max-width:240px}#page-dashboard .dashboard-hero>.button{padding:9px 10px;font-size:9px}#page-dashboard .dashboard-metrics{gap:8px}#page-dashboard .metric-card{min-height:116px;padding:12px}#page-dashboard .metric-top{font-size:8px;letter-spacing:.2px;margin-bottom:10px}#page-dashboard .metric-card>strong{font-size:17px}#page-dashboard .metric-card>small{font-size:8px}#page-dashboard .metric-icon{width:27px;height:27px;font-size:12px}#page-dashboard .dashboard-wide-stats{gap:8px}#page-dashboard .dashboard-wide-card{min-height:100px;padding:13px}#page-dashboard .dashboard-wide-card strong{font-size:18px}#page-dashboard .wide-label{font-size:8px}#page-dashboard .dashboard-panel{padding:14px}}
/* Keep page-title action buttons above decorative banner layers */
.page-heading>.button:not(.hidden),
.page-heading>button:not(.hidden){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;z-index:5;visibility:visible;opacity:1}
#page-dashboard .dashboard-hero>div{min-width:0;flex:1 1 auto}
#page-dashboard .dashboard-hero>.button:not(.hidden){min-width:132px;margin-left:auto;padding:12px 18px}
@media(max-width:650px){#page-dashboard .dashboard-hero{flex-wrap:wrap}#page-dashboard .dashboard-hero>.button:not(.hidden){margin-left:0;align-self:flex-start}}
/* Top module navigation inspired by the supplied ERP header */
.topbar{justify-content:flex-start;gap:14px;overflow:visible}
.topbar .crumb{display:none}
.module-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.module-nav::-webkit-scrollbar{display:none}
.module-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:38px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#727272;font:700 10px/1 "Lato","Segoe UI",Arial,sans-serif;white-space:nowrap;transition:background .16s,color .16s,border-color .16s}
.module-tab:hover{background:#eff8f7;color:var(--brand-dark)}
.module-tab.active{background:#f0f0f0;border-color:#e6e6e6;color:var(--brand-dark)}
.module-tab-icon{display:inline-grid;place-items:center;width:16px;height:16px;color:var(--brand);font-size:14px;line-height:1}
.module-tab.active .module-tab-icon{color:var(--brand-dark)}
@media(max-width:1250px){.topbar{gap:8px}.module-nav{gap:1px}.module-tab{gap:5px;padding-left:8px;padding-right:8px;font-size:9px}.top-actions{gap:6px}.top-actions .live-badge{font-size:9px;padding:7px 8px}}
@media(max-width:850px){.topbar{gap:6px}.module-tab{gap:4px;padding-left:7px;padding-right:7px;font-size:8px}.module-tab-icon{font-size:12px;width:14px}.top-actions{display:none}}
@media(max-width:650px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:6px 8px;height:auto;min-height:72px;margin:0 -14px;padding:8px 12px}.mobile-brand{grid-column:1;grid-row:1}.module-nav{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;gap:3px;padding:1px 0}.module-tab{min-height:31px;padding:0 9px;font-size:9px}.module-tab-icon{font-size:12px}.top-actions{grid-column:2;grid-row:1;display:flex;justify-self:end}.crumb{display:none}}
@media(max-width:650px){}
@media(min-width:1700px){}
@media(max-width:1100px){}
@media(max-width:850px){}
@media(max-width:600px){}

/* Operations Grid POS */
.pos-page{padding-top:23px}
.pos-page .pos-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}
.pos-page .pos-page-head h1{font-family:"Segoe UI",Arial,sans-serif;font-size:27px;font-weight:650;letter-spacing:-.6px;color:#272727;margin:0 0 7px}
.pos-page .pos-page-head .muted{font-size:11px}
.pos-kicker{margin:0 0 6px;color:#8f8f8f;font-size:8px;font-weight:750;letter-spacing:1px}
.pos-view-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e3e8ee;border-radius:8px;background:#f7f9fb;white-space:nowrap}
.pos-view-tabs button{height:34px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#6f6f6f;font-size:10px;font-weight:600}
.pos-view-tabs button.active{background:#fff;color:#555555;box-shadow:0 1px 4px #33333315}
.pos-view-tabs span{margin-left:4px;color:#979797}
.pos-controls{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,.8fr) minmax(190px,1fr);gap:10px;align-items:end;margin-bottom:13px;padding:13px 15px;border:1px solid #e3e8ee;border-radius:8px;background:#fff}
.pos-field{display:grid;min-width:0;gap:5px;color:#828282;font-size:9px;font-weight:650}
.pos-field input,.pos-field select{width:100%;height:36px;padding:0 10px;border:1px solid #e4e4e4;border-radius:5px;background:#fff;color:#353535;font-size:10px}
.pos-table-select{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;min-height:53px;padding:7px 10px;border:1px solid #e4e4e4;border-radius:5px;background:#fff;text-align:left}
.pos-table-select>span{color:#828282;font-size:8px;text-transform:uppercase;letter-spacing:.6px}
.pos-table-select strong{grid-column:1;color:#3b3b3b;font-size:11px;font-weight:600}
.pos-table-select small{grid-column:2;grid-row:1/3;color:#828282;font-size:8px;text-align:right}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr);gap:12px;align-items:stretch}
.pos-menu-panel,.pos-ticket-panel{min-width:0;border:1px solid #e1e6ec;border-radius:8px;background:#fff;box-shadow:0 3px 12px #23232308}
.pos-menu-panel{padding:15px}
.pos-menu-heading,.pos-ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pos-menu-heading h2,.pos-ticket-heading h2,.pos-running-heading h2{margin:0;color:#363636;font-size:15px;font-weight:600;letter-spacing:-.2px}
.pos-menu-count,.pos-item-count{padding:5px 8px;border:1px solid #e4e8ed;border-radius:99px;background:#f7f9fb;color:#717171;font-size:8px}
.pos-search{display:flex;align-items:center;gap:8px;height:37px;margin:12px 0 10px;padding:0 10px;border:1px solid #e4e4e4;border-radius:5px;background:#fff;color:#808080}
.pos-search>span{font-size:17px}
.pos-search input{width:100%;height:33px;border:0;outline:0;background:transparent;color:#363636;font-size:10px}
.pos-categories{display:flex;gap:5px;overflow:auto;margin:0 0 11px;padding-bottom:3px}
.pos-category{flex:none;padding:7px 9px;border:1px solid transparent;border-radius:4px;background:#f3f6f9;color:#6f6f6f;font-size:9px}
.pos-category.active{border-color:#d6d6d6;background:#edf2f8;color:#555555;font-weight:650}
.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pos-product{display:flex;min-height:94px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;padding:11px;border:1px solid #e3e8ed;border-radius:6px;background:#fff;text-align:left;transition:border-color .14s,background .14s}
.pos-product:hover{border-color:#c7c7c7;background:#f9fbfd}
.pos-product-code{color:#747474;font-size:8px;font-weight:700;letter-spacing:.25px}.pos-product-name{color:#3b3b3b;font-size:10px;font-weight:600;line-height:1.35}
.pos-product-bottom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:7px}
.pos-product-price{color:#575757;font-size:9px;font-weight:650;font-variant-numeric:tabular-nums}
.pos-add-mark{display:grid;width:22px;height:22px;place-items:center;border-radius:4px;background:#edf2f8;color:#555555;font-size:14px}
.pos-empty{grid-column:1/-1;padding:30px 14px;border:1px dashed #e4e4e4;border-radius:6px;color:#858585;font-size:10px;text-align:center}
.pos-ticket-panel{display:flex;flex-direction:column;padding:15px}
.pos-ticket-heading{padding-bottom:11px;border-bottom:1px solid #edf0f3}
.pos-ticket-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;color:#717171;font-size:9px}
.pos-ticket-meta b{color:#555555;font-size:9px;font-weight:600}
.pos-ticket-items{min-height:120px;max-height:300px;overflow:auto;border-top:1px solid #edf0f3}
.pos-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:10px 1px;border-bottom:1px solid #edf0f3}
.pos-ticket-name{display:block;color:#3b3b3b;font-size:10px;font-weight:600}
.pos-ticket-unit{display:block;margin-top:4px;color:#8e8e8e;font-size:8px}
.pos-ticket-actions{display:flex;align-items:center;gap:5px;color:#686868}
.pos-ticket-actions button{width:22px;height:22px;border:1px solid #e5e5e5;border-radius:4px;background:#f7f9fb;color:#626262;font-size:12px}
.pos-ticket-qty-input{width:42px;height:27px;padding:0 3px;border:1px solid #e1e1e1;border-radius:4px;background:#fff;color:#363636;font:inherit;text-align:center;font-variant-numeric:tabular-nums}
.pos-ticket-qty-input:focus{border-color:#747474;outline:2px solid rgba(116,116,116,.16)}
.pos-ticket-actions .pos-remove{margin-left:2px;background:#fff;color:#646464}
.pos-ticket-line-total{min-width:55px;color:#494949;font-size:9px;font-weight:600;text-align:right}
.pos-ticket-summary{margin-top:auto;padding-top:11px;border-top:1px solid #e9edf1}
.pos-summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pos-summary-heading h3{margin:0;color:#6f6f6f;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.pos-summary-heading button{padding:5px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#555555;font-size:8px;font-weight:600}
.pos-tax-select{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f0f2f5;color:#6f6f6f;font-size:9px}
.pos-tax-select select{min-width:74px;height:27px;padding:0 7px;border:1px solid #e1e1e1;border-radius:4px;background:#fff;color:#555555;font-size:9px;font-weight:650}
.pos-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;color:#7e7e7e;font-size:9px}
.pos-summary-row strong{color:#505050;font-size:9px;font-weight:550;font-variant-numeric:tabular-nums}
.pos-summary-row .pos-discount-value{color:#606060}
.pos-summary-row.pos-grand-total{margin-top:4px;padding:10px 0 2px;border-top:1px dashed #e0e0e0;color:#363636;font-size:11px;font-weight:650}
.pos-summary-row.pos-grand-total strong{color:#555555;font-size:17px;font-weight:650}
.pos-save-kot{width:100%;height:40px;margin-top:12px;border:1px solid #555555;border-radius:5px;background:#555555;color:#fff;font-size:10px;font-weight:650;transition:background .14s}
.pos-save-kot:hover{background:#484848}
.pos-ticket-note{margin:7px 0 0;color:#909090;font-size:8px;line-height:1.45;text-align:center}
.pos-running-view{min-height:500px;padding:17px;border:1px solid #e1e6ec;border-radius:8px;background:#fff}
.pos-running-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pos-running-heading .muted{margin-top:5px;font-size:9px}
.pos-running-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pos-kot-card{min-width:0;padding:13px;border:1px solid #e1e6ec;border-radius:6px;background:#fff}
.pos-kot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pos-kot-title{color:#3b3b3b;font-size:10px;font-weight:650}
.pos-kot-total{color:#555555;font-size:10px;font-weight:650;white-space:nowrap}
.pos-kot-details{display:flex;flex-wrap:wrap;gap:6px 12px;margin:8px 0;color:#848484;font-size:8px}
.pos-kot-items{padding-top:8px;border-top:1px solid #eef1f4;color:#636363;font-size:9px;line-height:1.7}
.pos-order-menu{position:relative;flex:none}
.pos-order-menu summary{list-style:none;cursor:pointer;width:32px;height:30px;display:grid;place-items:center;border:1px solid #e4e4e4;border-radius:4px;background:#fff;color:#4d4d4d;font-size:17px;line-height:1}
.pos-order-menu summary::-webkit-details-marker{display:none}
.pos-order-actions{display:grid;gap:3px;position:absolute;top:35px;right:0;z-index:10;width:175px;padding:5px;border:1px solid #e2e2e2;border-radius:5px;background:#fff;box-shadow:0 9px 22px #2626261c}
.pos-order-actions button{width:100%;padding:9px 8px;border:0;border-radius:3px;background:#fff;color:#444444;font-size:9px;text-align:left}
.pos-order-actions button:hover{background:#f1f4f7;color:#484848}
.pos-order-actions button.danger{color:#9a3e3e}
.pos-order-actions button.danger:hover{background:#fbf4f4;color:#8b2f2f}
.pos-running-empty{grid-column:1/-1;padding:45px 15px;border:1px dashed #e2e2e2;border-radius:6px;color:#808080;font-size:10px;text-align:center}
.pos-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#1a1a1a80}
.pos-modal-backdrop.hidden{display:none!important}
.pos-modal-card{width:min(520px,100%);max-height:min(88vh,760px);overflow:auto;padding:18px;border:1px solid #e4e4e4;border-radius:8px;background:#fff;box-shadow:0 20px 60px #19191929}
.pos-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.pos-modal-head h2{margin:0;color:#363636;font-size:17px;font-weight:650}
.pos-modal-head>div>p:last-child{margin:5px 0 0;color:#838383;font-size:9px}
.pos-modal-close{width:30px;height:30px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#616161;font-size:19px;line-height:1}
.pos-modal-content{color:#505050;font-size:10px}
.pos-modal-footer{display:flex;justify-content:flex-end;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid #edf0f3}
.pos-table-legend{display:flex;gap:14px;margin-bottom:10px;color:#6e7c8b;font-size:8px}
.pos-table-legend span{display:flex;align-items:center;gap:5px}
.pos-table-legend i{width:9px;height:9px;border-radius:2px}
.pos-table-legend .free{background:#dff3e9}.pos-table-legend .busy{background:#f7e1de}
.pos-table-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.pos-table-tile{display:grid;min-height:56px;place-content:center;gap:4px;border:1px solid #b7dfc9;border-radius:5px;background:#eaf7ef;color:#306f4a;text-align:center}
.pos-table-tile strong{font-size:10px;font-weight:650}.pos-table-tile small{font-size:7px}
.pos-table-tile.occupied{border-color:#efc2bc;background:#fff0ed;color:#a2463b}
.pos-table-tile.selected{outline:2px solid #355a83;outline-offset:1px}
.pos-table-tile:disabled{cursor:not-allowed;opacity:.78}
.pos-discount-fields,.pos-checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pos-modal-field{display:grid;gap:5px;color:#787878;font-size:9px;font-weight:600}
.pos-modal-field input,.pos-modal-field select{width:100%;height:36px;padding:0 9px;border:1px solid #e4e4e4;border-radius:4px;background:#fff;color:#383838;font-size:10px}
.pos-modal-field.full{grid-column:1/-1}
.pos-checkout-summary{display:grid;gap:7px;margin-bottom:12px;padding:10px;border:1px solid #e5eaf0;border-radius:5px;background:#f8fafc}
.pos-checkout-summary div{display:flex;justify-content:space-between;gap:12px;color:#757575;font-size:9px}
.pos-checkout-summary strong{color:#3c3c3c;font-weight:600}
.pos-prebill{padding:12px;border:1px solid #e3e8ee;border-radius:5px;background:#fff}
.pos-prebill h3{margin:0;color:#373737;font-size:14px}
.pos-prebill p{margin:4px 0;color:#868686;font-size:9px}
.pos-prebill-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #eff2f5;font-size:9px}
.pos-prebill-total{display:flex;justify-content:space-between;padding-top:9px;color:#363636;font-size:11px;font-weight:650}
.pos-final-receipt{max-width:390px;margin:0 auto;font-variant-numeric:tabular-nums}
.pos-final-receipt h3,.pos-final-receipt>p{text-align:center}
.pos-final-receipt h3{letter-spacing:.3px}
.pos-receipt-thanks{margin:12px 0 0!important;padding-top:9px;border-top:1px dashed #e2e2e2;text-align:center;color:#6e6e6e!important}
@media(max-width:1050px){.pos-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,.9fr)}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pos-page .pos-page-head{align-items:flex-start;flex-direction:column}.pos-controls{grid-template-columns:1fr 1fr}.pos-table-select{grid-column:1/-1}.pos-layout{grid-template-columns:1fr}.pos-running-grid{grid-template-columns:1fr}.pos-menu-panel{min-height:360px}.pos-ticket-panel{min-height:420px}}
@media(max-width:480px){.pos-page{padding-top:17px}.pos-view-tabs{width:100%}.pos-view-tabs button{flex:1;padding:0 7px;font-size:9px}.pos-controls{grid-template-columns:1fr}.pos-table-select{grid-column:auto}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-modal-card{padding:14px}.pos-table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-discount-fields,.pos-checkout-fields{grid-template-columns:1fr}.pos-modal-field.full{grid-column:auto}}
.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media print{body *{visibility:hidden!important}#pos-print-area,#pos-print-area *{visibility:visible!important}#pos-print-area{position:absolute!important;top:0!important;left:0!important;width:100%!important;padding:20px!important;background:#fff!important;color:#111!important;box-shadow:none!important;border:0!important}}
@media(min-width:681px) and (max-width:1100px){
}
@media(max-width:680px){
}
@media(max-width:600px){
}
@media(max-width:600px){}
@media(max-width:680px){}
@media(max-width:680px){}
@media(max-width:520px){}

/* Modern Teal: one consistent visual system across the restaurant workspace. */
:root{--ink:#2f2f2f;--muted:#7e7e7e;--line:#e2eaec;--paper:#f3f7f8;--surface:#fff;--brand:#929292;--brand-dark:#787878;--brand-soft:#f3f3f3;--green:#6a6a6a;--green-soft:#f0f0f0;--sand:#a7a7a7;--shadow:0 10px 28px rgba(61,61,61,.065);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}
body{background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
.sidebar{background:#fff;border-color:var(--line);box-shadow:3px 0 24px rgba(52,52,52,.025)}

/* POS follow-up: sidebar controls, live saved-menu suggestions and split payment. */
.sidebar{transition:transform .2s ease}
.sidebar-toggle{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:#505050;font-size:16px}
.sidebar-toggle:hover{background:#edf8f7;color:#6a6a6a}
.shell.sidebar-collapsed .sidebar{transform:translateX(-100%)}
.shell.sidebar-collapsed .main{margin-left:0;max-width:none}
.pos-search{position:relative;z-index:12;overflow:visible}
.pos-search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;display:grid;gap:2px;max-height:290px;overflow:auto;padding:5px;border:1px solid #e3e3e3;border-radius:6px;background:#fff;box-shadow:0 10px 28px rgba(49,49,49,.14)}
.pos-search-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;padding:7px 9px;border:0;border-radius:4px;background:#fff;color:#454545;text-align:left}
.pos-search-suggestion:hover,.pos-search-suggestion:focus{background:#eef8f7;outline:0}
.pos-search-suggestion strong{font-size:10px;font-weight:600}.pos-search-suggestion small{display:block;margin-top:3px;color:#8f8f8f;font-size:8px}
.pos-search-suggestion b{color:#747474;font-size:9px;white-space:nowrap}
.pos-search-empty{padding:10px;color:#858585;font-size:9px}
.pos-bill-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.pos-bill-actions .pos-save-kot{margin-top:0}
.pos-quotation{height:40px;border:1px solid #686868;border-radius:5px;background:#fff;color:#5c5c5c;font-size:10px;font-weight:650}
.pos-quotation:hover{background:#f2f3fb}
.pos-quotations-view,.pos-quotations-list{min-width:0;max-width:100%}
.pos-quotations-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #e7e7e7;border-radius:7px}
.pos-quotations-table{width:100%;min-width:1010px;border-collapse:collapse;font-size:11px}
.pos-quotations-table th,.pos-quotations-table td{padding:13px 12px;vertical-align:top;text-align:left}
.pos-quotations-table th{background:#f3f8f9;color:#606060;font-size:10px;white-space:nowrap}
.pos-quotations-table td{border-top:1px solid #e6edef}
.pos-quotations-table tbody tr:hover{background:#f8fbfb}
.pos-quotations-table td:first-child,.pos-quotations-table td:nth-child(6){white-space:nowrap}
.pos-quotations-table .pos-quotation-items{min-width:170px;max-width:270px;white-space:normal;line-height:1.65;overflow-wrap:anywhere}
.pos-quotation-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.pos-quotation-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:33px;padding:6px 8px;border:1px solid #e0e0e0;border-radius:5px;background:#fff;color:#5c5c5c;font:600 10px "Segoe UI",Arial,sans-serif}
.pos-quotation-actions button svg{width:15px;height:15px;flex:none}
.pos-quotation-actions button:hover{background:#f5f5f5;border-color:#828282}
.pos-quotation-actions button:focus-visible{outline:2px solid #737373;outline-offset:2px}
.pos-quotation-actions button.danger{color:#a84747;border-color:#efdddd}
.pos-quotation-actions button.danger:hover{background:#fff1f1;border-color:#d99595}
.pos-editing-quotation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 13px;border:1px solid #d6d6d6;border-radius:6px;background:#effaf8;color:#646464;font-size:12px}
.pos-editing-quotation button{padding:6px 9px;border:1px solid #d3d3d3;border-radius:4px;background:#fff;color:#646464;font:inherit;white-space:nowrap}
.pos-quotation-modal .pos-modal-card{width:min(780px,100%)}
.pos-quotation-document{padding:18px;border:1px solid #e1eaec;border-radius:6px;background:#fff;color:#383838;font-size:12px;overflow-wrap:anywhere}
.pos-quotation-document header{text-align:center;padding-bottom:15px;border-bottom:1px solid #e4e4e4}
.pos-quotation-document header h3{margin:9px 0 5px;font-size:20px;letter-spacing:1.5px}
.pos-quotation-document header p{margin:6px 0 0;color:#6d6d6d;font-size:11px}
.pos-quotation-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:17px 0}
.pos-quotation-meta p{display:grid;gap:4px;margin:0}
.pos-quotation-meta span{font-size:10px;color:#777777}
.pos-quotation-lines{overflow-x:auto}
.pos-quotation-document table{width:100%;border-collapse:collapse;font-size:11px}
.pos-quotation-document th,.pos-quotation-document td{padding:10px 7px;border-bottom:1px solid #e2e9eb;text-align:right}
.pos-quotation-document th{background:#f2f7f8;font-size:10px}
.pos-quotation-document th:first-child,.pos-quotation-document td:first-child{text-align:left}
.pos-quotation-document td small{display:block;margin-top:4px;color:#777777}
.pos-quotation-totals{width:min(310px,100%);margin:15px 0 0 auto}
.pos-quotation-totals .pos-prebill-row{font-size:11px;padding:8px 0}
.pos-quotation-totals .pos-prebill-total{font-size:15px;padding-top:11px}
.pos-quotation-document-note{margin:22px 0 0;padding-top:12px;border-top:1px solid #e3eaec;font-size:10px;line-height:1.6;color:#737373}
@media(max-width:650px){.pos-view-tabs{max-width:100%;overflow-x:auto}.pos-quotations-view .pos-running-heading{align-items:flex-start;gap:10px}.pos-quotations-view .pos-running-heading h2{font-size:17px}.pos-quotation-document{padding:10px}.pos-quotation-document th,.pos-quotation-document td{padding:8px 4px;font-size:10px}.pos-quotation-meta{gap:10px}.pos-editing-quotation{font-size:10px}}
@media print{
  body:has(>.pos-quotation-modal:not(.hidden))>:not(#pos-modal-backdrop){display:none!important}
  .pos-quotation-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}
  .pos-quotation-modal .pos-modal-card{width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;box-shadow:none!important}
  .pos-quotation-modal .pos-modal-head,.pos-quotation-modal .pos-modal-footer{display:none!important}
  .pos-quotation-modal #pos-print-area{position:static!important;width:100%!important;padding:0!important;font-size:12px!important}
  .pos-quotation-modal .pos-quotation-lines{overflow:visible!important}
  .pos-quotation-modal .pos-quotation-document thead{display:table-header-group}
  .pos-quotation-modal .pos-quotation-document tr,.pos-quotation-modal .pos-quotation-totals{break-inside:avoid}
}

.pos-multiple-pay{height:40px;border:1px solid #898989;border-radius:5px;background:#fff;color:#727272;font-size:10px;font-weight:650}
.pos-multiple-pay:hover{background:#f6f6f6}
.pos-payment-rows{display:grid;gap:9px}
.pos-payment-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr) 32px;gap:7px;align-items:end;padding:9px;border:1px solid #e2eaec;border-radius:5px;background:#fbfdfd}
.pos-payment-row .pos-modal-field{min-width:0}
.pos-payment-row .pos-payment-card-extra{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pos-card-tip{grid-column:1/-1;padding:11px;border:1px solid #dedede;border-radius:6px;background:#f0faf7}
.pos-card-tip-help{margin:6px 0 10px;color:#6c6c6c;font-size:10px}
.pos-tip-payout{display:flex;align-items:center;gap:9px;color:#444444;font-size:11px;font-weight:600;cursor:pointer;line-height:1.5}
.pos-tip-payout input[type=checkbox]{width:17px!important;height:17px!important;min-height:0;margin:0;flex:none;accent-color:#7b7b7b;cursor:pointer}
.pos-tip-payout input:disabled{cursor:default;opacity:.5}
.pos-tip-payout:has(input:disabled){color:#898989;cursor:default}
.pos-card-charge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:9px;border-top:1px solid #dfdfdf;font-size:11px;color:#545454}
.pos-card-charge strong{font-size:14px;color:#656565}
.pos-checkout-tip-summary{display:grid;gap:8px;margin-top:12px;padding:11px;border:1px solid #e0e0e0;border-radius:6px;background:#effaf7}
.pos-checkout-tip-summary>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#535353}
.pos-checkout-tip-summary strong{color:#555555;white-space:nowrap}
.register-card-tip-note{display:block;margin-top:4px;color:#6b6b6b;font-size:9px;line-height:1.5;white-space:normal}
.pos-payment-remove{height:34px;border:1px solid #dbdbdb;border-radius:4px;background:#fff;color:#606060;font-size:17px}
.pos-payment-totals{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border-radius:5px;background:#edf8f7;color:#686868;font-size:9px}
.pos-payment-totals strong{color:#676767}
.discount-offer-status{grid-column:1/-1;min-height:18px;color:#71858a;font-size:9px}
.discount-offer-status.match{color:#15745b;font-weight:700}.discount-offer-status.miss{color:#ad5149}
.discount-card-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.discount-card-fields.hidden{display:none!important}
.discount-list-actions button{padding:5px 8px;border:1px solid #e2eaec;border-radius:4px;background:#fff;color:#636363;font-size:9px}
.discount-list-actions button[data-card-discount-delete]{border-color:#d9d9d9;color:#4f4f4f}
@media(max-width:650px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto}
  .sidebar-toggle{grid-column:1;grid-row:1;width:31px;height:31px}
  .mobile-brand{grid-column:2;grid-row:1}
  .top-actions{grid-column:3;grid-row:1}
  .shell.sidebar-open .sidebar{display:flex;transform:none;width:min(280px,85vw);padding-left:15px;padding-right:15px}
  .shell.sidebar-open .topbar{position:sticky;z-index:7}
  .shell.sidebar-open:after{content:"";position:fixed;inset:0;z-index:4;background:rgba(34,34,34,.3)}
  .pos-bill-actions{grid-template-columns:1fr 1fr 1fr}
  .pos-payment-row{grid-template-columns:minmax(0,1fr) minmax(92px,.85fr) 30px}
}
@media(max-width:420px){.pos-payment-row .pos-payment-card-extra,.discount-card-fields{grid-template-columns:1fr}.pos-bill-actions{gap:6px}}
.brand-mark{background:linear-gradient(145deg,#a1a1a1,#787878);box-shadow:0 8px 20px #92929226}
.brand-mark span{color:#e4e4e4}
.nav-item{color:#646464}
.nav-item:hover{background:#edf8f7;color:#6a6a6a}
.nav-item.active{background:var(--brand);color:#fff}
.nav-item.active .nav-icon{color:#fff}
.side-label,.eyebrow{color:#838383}
.topbar{border-color:var(--line);background:rgba(255,255,255,.96);box-shadow:0 2px 12px rgba(61,61,61,.025)}
.module-tab{color:#737373}
.module-tab:hover{background:#edf8f7;color:#717171}
.module-tab.active{background:#f3f3f3;color:#737373}
.crumb,.date-chip,.live-badge{color:#7d7d7d}
.date-chip,.live-badge{background:#fff;border-color:var(--line)}
.button.primary,.button.primary:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 5px 14px #92929226}
.button.primary:hover{background:var(--brand-dark)}
.button.secondary{background:#fff;border-color:#e1e1e1;color:#4c4c4c}
.button.secondary:hover{background:#f2f8f8;border-color:#c0c0c0}
.text-button,.text-button:hover{color:#737373}
.metric-card,.panel,.modal-card,.login-card{border-color:var(--line);box-shadow:var(--shadow)}
.panel-head h2,.accent-panel h2{color:#373737}
.field>span,.field-label{color:#727272}
.field input,.field select,.login-card input,textarea,select,input[type=search]{border-color:#e5e5e5;color:#434343}
.field input:focus,.field select:focus,.login-card input:focus,textarea:focus,select:focus,input:focus{border-color:#aeaeae!important;box-shadow:0 0 0 3px #9292921a!important}
input[type=checkbox],input[type=radio]{accent-color:var(--brand)}
.data-table th{color:#828282}
.data-table td{border-color:#edf2f3;color:#535353}
.cell-main{color:#393939}
.report-tab.active{color:#737373;border-bottom-color:var(--brand)}
.report-stat{border-color:var(--line);background:#fff}
.recipe-button{background:#edf8f7;border-color:#e4e4e4;color:#5b5b5b}
.register-method{background:#fff;border-color:var(--line)}
.register-method>strong{color:#737373}
.toast{background:#414141;color:#fff}
.login-screen{background:radial-gradient(ellipse at top right,#eaeaea 0,#f3f7f8 58%)}
.form-error{color:#b54d40}
::selection{background:#e6e6e6;color:#363636}

/* Full-width register report with the same tender columns as the reference. */
.register-report-panel{overflow:hidden}
.register-report-head{align-items:flex-start;flex-wrap:wrap}
.register-session-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.register-session-status{display:flex;align-items:center;gap:7px;color:#5e757a;font-size:10px}
.register-report-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin:2px 0 14px}
.register-period-chip{display:flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #e5e5e5;border-radius:7px;background:#f5fbfb;color:#686868;font-size:11px;font-weight:650}
.register-report-controls .field{margin:0}
.register-report-controls .field>span{font-size:9px}
.register-report-controls .field input{height:36px}
.register-report-error{margin:0 0 8px;padding:9px 11px;border:1px solid #d0d0d0;border-radius:6px;background:#f7f7f7;color:#535353;font-size:10px}
.register-refresh-status{margin:-5px 0 10px;color:#74888c;font-size:9px;text-align:right}
.register-report-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-bottom:14px}
.register-stat{display:grid;gap:5px;padding:10px 12px;border:1px solid #ebebeb;border-radius:7px;background:#fff;min-width:0}
.register-stat span{font-size:9px;color:#7f7f7f}
.register-stat strong{font-size:14px;color:#3a3a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.register-stat.grand{background:#f5f5f5;border-color:#e2e2e2}
.register-stat.grand strong{color:#686868}
.register-table-scroll,.register-detail-scroll{width:100%;overflow:auto;border:1px solid #ebebeb;border-radius:7px;overscroll-behavior-inline:contain}
.register-data-table{width:max-content;min-width:2300px;border-collapse:separate;border-spacing:0;font-size:10px}
.register-data-table th,.register-data-table td{white-space:nowrap;padding:9px 8px}
.register-data-table thead th{position:sticky;top:0;z-index:2;background:#f7fafb}
.register-data-table th:first-child,.register-data-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}
.register-data-table thead th:first-child{z-index:3;background:#f7fafb}
.register-data-table tfoot th{position:sticky;bottom:0;background:#f3f8f8;border-top:1px solid #e6e6e6;color:#4c4c4c;font-size:9px}
.register-data-table .register-total-cell{font-weight:800;color:#686868}
.register-detail-button{border:1px solid #e1e1e1;background:#eff9f8;color:#666666;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:700;white-space:nowrap}
.register-detail-button small{display:block;margin-top:3px;color:#828282;font-size:8px;font-weight:500}
.register-empty-row td{background:#fbfcfc;color:#8e8e8e}
.register-empty-sale{font-size:9px;font-style:italic}
.register-detail-modal-card{width:min(1100px,100%);max-height:92vh}
.register-detail-modal-card .panel-head{align-items:flex-start}
.register-sale-detail{border:1px solid #ebebeb;border-radius:8px;padding:13px;margin:10px 0;background:#fff}
.register-sale-detail>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #edf2f3;padding-bottom:10px}
.register-sale-detail>header strong{font-size:12px;color:#393939}
.register-sale-detail>header small{display:block;font-size:9px;color:#828282;margin-top:4px}
.register-sale-detail .register-sale-total{white-space:nowrap;color:#737373}
.register-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;margin:5px 0 11px}
.register-detail-pair{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #f1f4f4;font-size:9px}
.register-detail-pair span{color:#828282}
.register-detail-pair strong{color:#434343;text-align:right}
.register-detail-subhead{font-size:10px;font-weight:750;color:#555555;margin:10px 0 6px}
.register-detail-scroll .data-table{min-width:660px}
@media(max-width:900px){.register-report-summary{grid-template-columns:repeat(3,minmax(110px,1fr))}.register-report-controls{grid-template-columns:minmax(0,1fr) auto auto}.register-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.register-report-head{display:grid}.register-session-tools{justify-content:space-between}.register-report-summary{grid-template-columns:1fr 1fr}.register-report-controls{grid-template-columns:1fr 1fr}.register-period-chip{grid-column:1/-1}.register-report-controls .button{width:100%;padding-inline:8px}.register-detail-modal-card{padding:14px}.register-detail-grid{grid-template-columns:1fr}}

/* Register detail report mirrors the reference report sections and keeps zero rows visible. */
.register-report-section{overflow:hidden;margin:0 0 15px;border:1px solid var(--line);border-radius:6px;background:#fff}
.register-report-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 13px;background:var(--brand-soft);border-bottom:1px solid var(--line)}
.register-report-section-head h3{margin:0;color:var(--brand-dark);font-size:11px;font-weight:750;letter-spacing:.055em}
.register-print-button{display:grid;place-items:center;width:30px;height:29px;border:1px solid #e2e2e2;border-radius:5px;background:#fff;color:var(--brand-dark);font-size:15px;cursor:pointer}
.register-print-button:hover{background:var(--brand-soft)}
.register-report-table-wrap{width:100%;overflow:auto;overscroll-behavior-inline:contain}
.register-report-grid{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
.register-report-grid th,.register-report-grid td{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.register-report-grid thead th{background:#f5fbfb;color:#767676;font-size:10px;font-weight:600;text-align:left}
.register-report-grid td{color:#434343}
.register-report-grid td.numeric,.register-report-grid th.numeric{text-align:right}
.register-report-grid tbody tr:hover{background:#f2fbfa}
.register-report-grid tfoot th{font-weight:700}
.register-report-grid .register-subtotal th{background:#edf8f7;color:#5e5e5e}
.register-report-grid .register-grand-total th{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}
.register-report-grid .register-paid-cell{background:var(--brand-soft);color:var(--brand-dark);font-weight:650}
.register-report-grid tr.register-zero-row td{color:#898989;background:#fbfdfd}
.register-report-grid.payment-table{min-width:650px}
.register-report-grid.terminal-table{min-width:820px}
.register-report-grid.product-table,.register-report-grid.brand-table{min-width:900px}
.register-report-grid.movement-table{min-width:900px}
.register-report-grid.invoice-table{min-width:1120px}
.register-value-list{width:100%;padding:8px 14px}
.register-value-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:37px;padding:8px 2px;border-bottom:1px solid #e9f0f0;color:#767676;font-size:11px}
.register-value-row strong{color:#434343;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.register-value-row.negative strong{color:#627e82}
.register-value-row.positive strong{color:var(--brand-dark)}
.register-value-row.platform{background:#f2fbfa;padding-inline:8px}
.register-value-row.grand{margin-top:3px;padding:10px 8px;background:var(--brand-dark);border:0;color:#fff;font-weight:750}
.register-value-row.grand strong{color:#fff;font-size:13px}
.register-value-row.muted{padding-left:14px;font-size:10px}
.register-report-note{margin:0;padding:8px 14px 12px;color:#828282;font-size:9px}
.register-direction{display:inline-flex;padding:3px 9px;border:1px solid #e2e2e2;border-radius:14px;background:var(--brand-soft);color:var(--brand-dark);font-size:10px;font-weight:650}
.register-direction.debit{border-color:#e4e4e4;background:#f1f8f8;color:#6e6e6e}
.register-report-panel .register-session-status .status-pill{background:var(--brand-soft);color:var(--brand-dark)}
@media(max-width:900px){.register-report-grid{font-size:10px}.register-report-grid th,.register-report-grid td{padding:8px}.register-report-section-head h3{font-size:10px}}
@media print{
  body.register-print-mode *{visibility:hidden!important}
  body.register-print-mode .register-print-target,body.register-print-mode .register-print-target *{visibility:visible!important}
  body.register-print-mode .register-print-target{position:absolute!important;top:0!important;left:0!important;width:100%!important;max-width:none!important;border:0!important;overflow:visible!important;box-shadow:none!important}
  body.register-print-mode .register-report-table-wrap{overflow:visible!important}
  body.register-print-mode .register-report-grid{min-width:0!important;width:100%!important;font-size:9px!important}
  body.register-print-mode .register-report-grid th,body.register-print-mode .register-report-grid td{white-space:normal!important;padding:5px!important}
  body.register-print-mode .register-print-button{display:none!important}
}

#page-dashboard .dashboard-hero{background:linear-gradient(118deg,#747474 0%,#8a8a8a 56%,#a4a4a4 100%)}
#page-dashboard .dashboard-hero>.button.primary{color:#626262}
#page-dashboard .dashboard-hero>.button.primary:hover{color:#4d4d4d}
#page-dashboard .metric-card,#page-dashboard .dashboard-wide-card,#page-dashboard .dashboard-panel{border-color:#ebebeb;box-shadow:0 7px 22px rgba(64,64,64,.05)}
#page-dashboard .dashboard-wide-card strong,#page-dashboard .settlement-total{color:#747474}

@media(min-width:1200px){}
@media(max-width:1050px){}
@media(max-width:850px){}
@media(max-width:600px){}

/* Keep short and empty pages compact instead of stretching their panels. */
.page{padding-top:16px}
.page-heading{margin-bottom:14px}
.panel{height:auto;min-height:0;padding:14px;margin-bottom:9px}
.panel-head{margin-bottom:9px}
.table-panel{margin-top:9px}
.table-empty{min-height:0;padding:12px 10px;line-height:1.4}
.form-grid{align-items:start}
.field{align-content:start}
.pos-menu-panel,.pos-ticket-panel,.pos-running-view{min-height:0}
.pos-ticket-items{min-height:72px}

/* Salt n Pepper black and white brand system. */
:root{--ink:#111;--muted:#666;--line:#dedede;--paper:#fff;--surface:#fff;--brand:#111;--brand-dark:#000;--brand-soft:#eee;--green:#333;--green-soft:#f1f1f1;--sand:#777;--shadow:0 8px 24px rgba(0,0,0,.07);color:#111;background:#fff;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif}
body,.shell,.main,.page{background:#fff;color:#111;font-family:"Segoe UI",Arial,sans-serif}
.sidebar,.topbar,.panel,.metric-card,.dashboard-wide-card,.dashboard-panel,.modal-card,.login-card,.pos-menu-panel,.pos-ticket-panel,.pos-running-view,.pos-modal-card,.private-card{background:#fff!important;color:#111;border-color:#dedede;box-shadow:0 5px 18px rgba(0,0,0,.045)}
.brand{min-height:58px;padding-bottom:26px;justify-content:center}
.brand-logo{display:block;width:184px;max-width:100%;min-width:0;height:auto;max-height:none;object-fit:contain;object-position:center}
.login-brand-logo{width:min(230px,90%);max-height:none;margin:0 auto 16px;object-position:center}
.mobile-brand{min-width:0}
.mobile-brand .brand-logo{width:140px;max-width:100%;height:auto;max-height:none}
.pos-receipt-logo{display:block;width:165px;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto 9px}
.brand-mark{background:#111!important;color:#fff;box-shadow:none}
.brand-mark span{color:#ddd}
.side-label,.eyebrow,.panel-head p,.muted,.field>span,.field-label,.filter-select,.crumb,.date-chip{color:#737373}
.nav-item{color:#444}
.nav-item:hover,.module-tab:hover,.sidebar-toggle:hover,.text-button:hover{background:#eee;color:#111}
.nav-item.active,.module-tab.active{background:#111!important;border-color:#111!important;color:#fff!important}
.nav-item.active .nav-icon,.module-tab.active .module-tab-icon{color:#fff!important}
.module-tab{color:#444}
.button.primary,.button.primary:hover,.pos-save-kot,.pos-save-kot:hover,.pos-multiple-pay,.pos-multiple-pay:hover,.kot-button,.payment-button,.print-button{background:#111!important;border-color:#111!important;color:#fff!important;box-shadow:none!important}
.button.secondary,.button.secondary:hover,.draft-button{background:#fff!important;border-color:#ccc!important;color:#111!important;box-shadow:none}
.text-button,.backup-link,.report-tab.active,.mobile-nav button.active{color:#111!important}
.status-dot,.live-badge b{background:#111!important;box-shadow:0 0 0 3px #11111118}
.date-chip,.live-badge{background:#fff;color:#555;border-color:#dedede}
.metric-icon.rose,.metric-icon.sand,.metric-icon.green,.metric-icon.dark,.accent-icon{background:#eee!important;color:#111!important}
.status-pill,.status-pill.refunded{background:#eee!important;color:#222!important}
.notice,.small-notice,.accent-panel{background:#f5f5f5!important;border-color:#e2e2e2!important;color:#222}
.notice>span,.accent-icon,.notice p,.accent-panel p{color:#444}
.stock-low,.toast.error,.form-error,.discount-offer-status.match,.discount-offer-status.miss{color:#222!important}
.toast,.toast.error{background:#111!important;color:#fff!important}
.login-screen{background:#fff!important}
.field input,.field select,.login-card input,textarea,select,input[type=search],.pos-field input,.pos-field select,.pos-modal-field input,.pos-modal-field select{border-color:#d4d4d4;color:#111;background:#fff}
.field input:focus,.field select:focus,.login-card input:focus,textarea:focus,select:focus,input:focus{border-color:#555!important;box-shadow:0 0 0 3px #1111110c!important}
input[type=checkbox],input[type=radio]{accent-color:#111}
.data-table th,.register-report-grid thead th{background:#f4f4f4;color:#444}
.data-table td,.cell-main,.register-report-grid td,.register-value-row,.register-value-row strong,.register-method>strong{color:#222}
.recipe-button,.filter-select select:disabled,.entry-source,.register-period-chip,.register-stat.grand,.register-total-cell,.register-detail-button,.register-direction,.register-payment-row,.pos-search-suggestions,.pos-payment-totals{background:#f1f1f1!important;border-color:#ddd!important;color:#222!important}
.register-method,.register-method>span{background:#fff;color:#222}
.register-report-grid .register-grand-total th,.register-value-row.grand{background:#111!important;color:#fff!important;border-color:#111!important}
.register-value-row.grand strong{color:#fff!important}
.register-value-row.platform,.register-report-grid .register-subtotal th,.register-report-grid tbody tr:hover{background:#f1f1f1;color:#222}
.register-report-grid tr.register-zero-row td,.register-report-note,.register-session-status,.register-refresh-status{color:#666}
.register-direction,.register-direction.debit{background:#eee;color:#222;border-color:#ccc}
.register-report-error{background:#f4f4f4;border-color:#ccc;color:#222}
.register-print-button,.icon-button{background:#fff;border-color:#ccc;color:#111}
.report-tab.active{border-bottom-color:#111}
.entry-source{background:#eee;color:#333}
.pos-page .pos-page-head h1,.page h1,.pos-menu-heading h2,.pos-ticket-heading h2,.pos-running-heading h2,.pos-modal-head h2,.pos-prebill h3{font-family:"Segoe UI",Arial,sans-serif;color:#111}
.pos-kicker,.pos-field,.pos-table-select>span,.pos-table-select small,.pos-menu-count,.pos-item-count,.pos-ticket-meta,.pos-ticket-unit,.pos-kot-details,.pos-ticket-note,.pos-modal-head>div>p:last-child,.pos-table-legend,.pos-checkout-summary div{color:#666}
.pos-view-tabs,.pos-menu-count,.pos-item-count,.pos-category,.pos-add-mark,.pos-ticket-actions button,.pos-summary-heading button,.pos-tax-select select,.pos-table-select,.pos-kot-card,.pos-modal-close,.pos-order-menu summary,.pos-order-actions,.pos-search,.pos-search-suggestion,.pos-payment-row,.pos-payment-remove,.discount-list-actions button{background:#fff;color:#222;border-color:#d8d8d8}
.pos-view-tabs button.active,.pos-category.active,.pos-add-mark,.pos-kot-total,.pos-ticket-meta b,.pos-summary-heading button,.pos-tax-select select,.pos-payment-totals strong,.pos-search-suggestion b,.pos-product-price{color:#111;background:#eee;border-color:#bbb}
.pos-product:hover,.pos-order-actions button:hover,.pos-search-suggestion:hover,.pos-search-suggestion:focus{background:#f1f1f1;color:#111;border-color:#bbb}
.pos-product-name,.pos-kot-title,.pos-ticket-name,.pos-ticket-line-total,.pos-summary-row strong,.pos-grand-total,.pos-grand-total strong,.pos-checkout-summary strong,.pos-prebill-total{color:#111}
.pos-summary-row .pos-discount-value,.pos-ticket-actions .pos-remove,.pos-payment-remove,.discount-list-actions button{color:#333}
.pos-table-legend .free,.pos-table-tile{background:#fff!important;border-color:#aaa;color:#222}
.pos-table-legend .busy,.pos-table-tile.occupied{background:#222!important;border-color:#111;color:#fff}
.pos-table-tile.selected{border:2px solid #000;background:#eee;color:#111}
.pos-payment-totals,.pos-checkout-summary{background:#f2f2f2;color:#222}
.pos-modal-backdrop{background:rgba(0,0,0,.55)}
.pos-prebill,.pos-prebill-total{background:#fff;color:#111;border-color:#ccc}
.pos-prebill p,.pos-receipt-thanks{color:#555}
#page-dashboard .dashboard-hero{background:#111!important;color:#fff}
#page-dashboard .dashboard-hero .eyebrow,#page-dashboard .dashboard-hero .muted{color:#ddd}
#page-dashboard .dashboard-hero h1{color:#fff}
#page-dashboard .dashboard-hero>.button.primary,#page-dashboard .dashboard-hero>.button.primary:hover{background:#fff!important;border-color:#fff!important;color:#111!important}
#page-dashboard .dashboard-wide-card strong,#page-dashboard .settlement-total{color:#111}
#page-dashboard .wide-icon{color:#111;background:#eee}
#page-dashboard .dashboard-hero:after{background:#fff}
::selection{background:#ddd;color:#111}
.recipe-modal-card{width:min(820px,100%)}
.recipe-modal-card>.panel-head{align-items:flex-start}
.recipe-modal-card>.panel-head .muted{margin-top:6px;max-width:520px}
.recipe-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.recipe-cost-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0 17px}
.recipe-cost-preview>div{min-width:0;background:#f7f8f8;border:1px solid #e8ebeb;border-radius:8px;padding:10px 11px}
.recipe-cost-preview span{display:block;color:#737b7d;font-size:10px;line-height:1.35}
.recipe-cost-preview strong{display:block;color:#1f1f1f;font-size:13px;font-variant-numeric:tabular-nums;margin-top:6px;white-space:nowrap}
.recipe-ingredients{border:1px solid #e7e9e9;border-radius:9px;max-height:310px;overflow:auto;padding:0 12px;margin-bottom:15px}
.recipe-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(90px,.65fr) minmax(95px,.55fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #eef0f0;font-size:11px}
.recipe-row:last-child{border-bottom:0}
.recipe-row-head{position:sticky;top:0;background:#fff;z-index:1;color:#7b8385;font-size:9px;letter-spacing:.55px}
.recipe-ingredient-name{font-weight:650;color:#2c3436}
.recipe-ingredient-name small{display:block;color:#92999a;font-size:9px;font-weight:450;margin-top:4px}
.recipe-row input,.recipe-row select{height:36px;width:100%;min-width:0;border:1px solid #dedede;background:#fff;border-radius:7px;padding:0 9px;color:#252b2d;font-size:11px;outline:0}
.recipe-row input:focus,.recipe-row select:focus,#recipe-yield:focus,#recipe-prep:focus,#recipe-instructions:focus{border-color:#858585;box-shadow:0 0 0 3px #80808020}
.recipe-instructions-field textarea{width:100%;resize:vertical;min-height:90px;border:1px solid #e2e4e4;background:#fff;border-radius:8px;padding:10px 11px;color:#222;font:inherit;font-size:11px;line-height:1.5;outline:0}
.recipe-instructions-field textarea::placeholder{color:#a0a5a6}
.recipe-button{white-space:nowrap}
@media(max-width:680px){.recipe-modal-card{padding:16px}.recipe-cost-preview{grid-template-columns:1fr 1fr}.recipe-row{grid-template-columns:minmax(100px,1fr) minmax(75px,.65fr) minmax(78px,.55fr);gap:7px}.recipe-ingredients{padding-inline:8px}}
@media(max-width:420px){.recipe-meta-grid{grid-template-columns:1fr}.recipe-cost-preview{gap:6px}.recipe-cost-preview>div{padding:8px}.recipe-cost-preview strong{font-size:11px}.recipe-row{grid-template-columns:minmax(78px,1fr) 72px 70px;font-size:10px}}
.recipe-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0 9px}
.recipe-section-head strong{display:block;font-size:12px;color:#202628}
.recipe-section-head p{font-size:10px;color:#8b9293;margin:4px 0 0}
.recipe-section-head .button{padding:8px 11px;font-size:10px;white-space:nowrap}
.recipe-row{grid-template-columns:minmax(150px,1.35fr) minmax(88px,.62fr) minmax(82px,.48fr) auto;gap:9px}
.recipe-row-head{grid-template-columns:minmax(150px,1.35fr) minmax(88px,.62fr) minmax(82px,.48fr) 66px}
.recipe-row-head span{text-align:center}
.recipe-stock-select,.recipe-row input[data-recipe-qty],.recipe-row select[data-recipe-unit]{height:38px;width:100%;min-width:0;border:1px solid #dedede;background:#fff;border-radius:7px;padding:0 9px;color:#252b2d;font-size:10px;outline:0}
.recipe-remove-button{height:34px;border:1px solid #e1e1e1;background:#fff;border-radius:7px;color:#686868;padding:0 9px;font-size:10px;font-weight:650}
.recipe-remove-button:hover{border-color:#aaa;background:#f7f7f7;color:#111}
.recipe-empty{padding:18px;text-align:center;color:#798082;font-size:11px;background:#f8f9f9;border-radius:8px;margin:9px 0}
.recipe-row-actions{display:flex;align-items:center;gap:7px}
.recipe-row-action{border:1px solid #ddd;background:#fff;border-radius:6px;color:#222;padding:6px 9px;font-size:10px;font-weight:650}
.recipe-row-action:hover{background:#f4f4f4;border-color:#aaa}
.recipe-row-action.danger{color:#7b3434}
.recipe-row-action.danger:hover{background:#fbf4f4;border-color:#d8b4b4}
@media(max-width:680px){.recipe-row{grid-template-columns:minmax(115px,1fr) minmax(70px,.55fr) minmax(68px,.45fr) auto;gap:6px}.recipe-row-head{grid-template-columns:minmax(115px,1fr) minmax(70px,.55fr) minmax(68px,.45fr) 54px}.recipe-remove-button{padding:0 6px}.recipe-section-head{align-items:flex-start}}
@media(max-width:460px){.recipe-row{grid-template-columns:minmax(105px,1fr) 66px 62px}.recipe-row-head{grid-template-columns:minmax(105px,1fr) 66px 62px}.recipe-row-head span{display:none}.recipe-entry .recipe-remove-button{grid-column:3;justify-self:end;height:27px}.recipe-section-head{flex-direction:column}.recipe-section-head .button{align-self:stretch}}
.recipe-setup-steps{display:flex;align-items:center;gap:15px;padding:13px 16px;margin:0 0 15px;background:#fff;border:1px solid #e4e6e6;border-radius:11px;box-shadow:0 4px 14px rgba(0,0,0,.035)}
.recipe-setup-steps>div{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.recipe-setup-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#15191a;color:#fff;font-size:11px}
.recipe-setup-steps strong{display:block;font-size:11px;color:#222}
.recipe-setup-steps small{display:block;font-size:9px;color:#858b8d;margin-top:3px}
.recipe-setup-steps>i{font-style:normal;color:#a0a4a4;font-size:18px}
.menu-form-actions{display:flex;align-items:center;gap:8px}
#menu-table{overflow-x:auto}
#menu-table .data-table{min-width:1050px}
.menu-entry-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.menu-action-button{min-height:31px;border:1px solid #d9dddd;border-radius:6px;background:#fff;color:#222;padding:0 9px;font-size:10px;font-weight:650;white-space:nowrap}
.menu-action-button:hover{background:#f4f5f5;border-color:#aeb4b5}
.menu-action-button.danger{color:#7b3434}
.menu-action-button.danger:hover{background:#fbf4f4;border-color:#d8b4b4}
#menu-table .data-table th:first-child,#menu-table .data-table td:first-child{position:sticky;left:0;background:#fff;z-index:1}
#menu-table .data-table th:first-child{z-index:2;background:#fafafa}
#menu-table .data-table td:first-child{box-shadow:5px 0 8px -8px #555}
#stock-table{overflow-x:auto}
#stock-table .data-table{min-width:760px}
#stock-table .data-table th:first-child,#stock-table .data-table td:first-child{position:sticky;left:0;background:#fff;z-index:1}
#stock-table .data-table th:first-child{z-index:2;background:#fafafa}
#stock-table .data-table td:first-child{box-shadow:5px 0 8px -8px #555}
@media(max-width:600px){.recipe-setup-steps{align-items:stretch;gap:6px;padding:10px}.recipe-setup-steps>div{gap:6px}.recipe-setup-steps b{flex:0 0 24px;width:24px;height:24px}.recipe-setup-steps small{font-size:8px}.recipe-setup-steps>i{font-size:14px}}
.recipe-modal-card{width:min(980px,100%);max-height:94vh;overflow:auto}
.recipe-mode-wrap{margin:16px 0 8px;padding:13px 14px;border:1px solid #e4e9e9;border-radius:10px;background:#fbfcfc}
.recipe-mode-wrap select{width:100%;height:40px;margin-top:7px;padding:0 11px;border:1px solid #dfe4e4;border-radius:8px;background:#fff;color:#202729;font:inherit;font-size:12px}
.recipe-help{margin:7px 0 0;color:#7d7d7d;font-size:10px;line-height:1.5}
.recipe-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}
.recipe-meta-grid input{height:38px}
.recipe-cost-preview>div{background:#f6f9f9;border-color:#e4eeee}
.recipe-ingredients{overflow:auto}
.recipe-row{grid-template-columns:minmax(150px,1.45fr) minmax(75px,.62fr) minmax(70px,.48fr) minmax(76px,.52fr) auto;gap:8px;min-width:640px}
.recipe-row-head{grid-template-columns:minmax(150px,1.45fr) minmax(75px,.62fr) minmax(70px,.48fr) minmax(76px,.52fr) 62px}
.recipe-row-head strong{font-size:9px;line-height:1.35}
.recipe-yield-help{margin:0 0 8px}
.recipe-row input[data-recipe-yield-percent]{text-align:right;padding-right:8px}
.recipe-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.recipe-instructions-field{display:block;margin:12px 0 0}
.recipe-instructions-field>span{display:block;margin-bottom:6px}
.recipe-instructions-field textarea{min-height:68px;border-color:#e1e5e5}
.recipe-modal-card input:focus,.recipe-modal-card select:focus,.recipe-modal-card textarea:focus{border-color:#757575;box-shadow:0 0 0 3px #8080801a;outline:0}
.recipe-modal-card .modal-actions{position:sticky;bottom:-22px;padding:12px 0 2px;background:#fff}
@media(max-width:680px){.recipe-modal-card{padding:16px}.recipe-meta-grid,.recipe-notes-grid{grid-template-columns:1fr}.recipe-cost-preview{grid-template-columns:1fr 1fr}.recipe-row{grid-template-columns:minmax(150px,1.45fr) minmax(75px,.62fr) minmax(70px,.48fr) minmax(76px,.52fr) auto}.recipe-section-head{align-items:flex-start}}
.settlement-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}
.settlement-metrics .metric-card{min-width:0}
.settlement-metrics .metric-card>strong{font-family:inherit;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums;color:#111;overflow-wrap:anywhere}
.bank-reconcile-panel{margin-top:15px;padding:20px}
.bank-channel-selector{display:flex;align-items:end;gap:14px;padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 14px;max-width:480px}
.bank-channel-selector .field{width:min(220px,55vw)}
.bank-channel-selector .muted{padding-bottom:10px;font-size:10px}
.bank-channel-selector select{height:40px}
.bank-fp-statement-fields .bank-fp-notes{grid-column:span 2}
.bank-fp-gross-field input[readonly]{background:#f4f8f7;color:#222;font-weight:750}
.bank-fp-gross-field small{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#747d7d}
.bank-statement-fields .field input[readonly]{background:#f7f8f8;color:#252525;font-weight:700}
.bank-fp-history-entry{border:1px solid #e6ebeb;border-radius:9px;background:#fff;margin:0 0 9px;overflow:hidden}
.bank-fp-history-entry>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.65fr)) auto 14px;align-items:center;gap:13px;padding:13px 15px}
.bank-fp-history-entry>summary::-webkit-details-marker{display:none}
.bank-fp-history-entry>summary:after{content:"⌄";grid-column:6;grid-row:1;color:#8e8e8e;margin-left:-12px}
.bank-fp-actions{display:flex;align-items:center;gap:7px}
.bank-fp-actions .button{white-space:nowrap;padding:8px 10px;font-size:10px}
.bank-fp-state{display:inline-block;padding:5px 8px;border-radius:99px;background:#f1f4f4;color:#617173;font-size:9px;font-weight:700;text-transform:capitalize}
.bank-fp-state.posted{background:#e5f5ef;color:#147b5e}
.bank-fp-detail{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 15px 13px;color:#6e7475;font-size:10px}
.bank-fp-detail strong{color:#303536}
.bank-reconcile-panel .panel-head p{max-width:700px;line-height:1.55}
.bank-match-badge{flex:0 0 auto;border-radius:99px;padding:7px 11px;background:#f1f4f4;color:#627377;font-size:10px;font-weight:700}
.bank-match-badge.waiting{background:#f2f5f5;color:#637478}
.bank-match-badge.mismatch{background:#fff0ed;color:#a9453a}
.bank-match-badge.matched{background:#e5f5ef;color:#147b5e}
.bank-settlement-filters{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,.9fr) minmax(210px,1.2fr) auto;align-items:end;gap:11px;margin:13px 0}
.bank-settlement-filters .button{height:38px;white-space:nowrap}
.bank-date-range-picker{position:relative;min-width:0;margin:0}
.bank-date-range-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border:1px solid #dedede;border-radius:7px;background:#fff;color:#303536;text-align:left;font:inherit;font-size:12px;cursor:pointer}
.bank-date-range-trigger:hover,.bank-date-range-trigger:focus-visible{border-color:#888;outline:none;box-shadow:0 0 0 3px #7772}
.bank-date-range-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bank-date-range-trigger span:last-child{color:#777;font-size:16px}
.bank-date-range-popover{position:absolute;z-index:60;top:calc(100% + 7px);left:0;width:min(610px,calc(100vw - 32px));padding:13px;border:1px solid #dfe5e4;border-radius:11px;background:#fff;box-shadow:0 14px 38px #20262624}
.bank-date-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.bank-date-range-toolbar>span{color:#555e5d;font-size:11px;text-align:center}
.bank-date-range-toolbar>button{width:32px;height:30px;border:1px solid #e4e8e7;border-radius:7px;background:#fafbfb;color:#343a39;font-size:20px;line-height:1;cursor:pointer}
.bank-date-range-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bank-range-month{min-width:0}
.bank-range-month h3{margin:0 0 8px;text-align:center;color:#303536;font-size:12px;font-weight:700}
.bank-range-weekdays,.bank-range-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.bank-range-weekdays{margin-bottom:3px}
.bank-range-weekdays span{padding:4px 0;color:#8a9090;text-align:center;font-size:9px;font-weight:700}
.bank-range-empty,.bank-range-day{min-width:0;aspect-ratio:1/1}
.bank-range-day{padding:0;border:0;border-radius:6px;background:transparent;color:#323837;font:inherit;font-size:10px;cursor:pointer}
.bank-range-day:hover{background:#f1f3f3}
.bank-range-day.is-in-range{border-radius:0;background:#fae8e9;color:#a51e27}
.bank-range-day.is-selected,.bank-range-day.is-selected:hover{border-radius:6px;background:#d71920;color:#fff;font-weight:750}
.bank-date-range-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #eef0f0}
.bank-date-range-actions .button{height:34px;padding:0 12px}
.bank-table-wrap{max-height:450px;overflow:auto;border:1px solid #e5eaea;border-radius:9px}
.bank-pending-table{min-width:900px}
.bank-pending-table th{position:sticky;top:0;background:#f9fbfb;z-index:1}
.bank-pending-table td{white-space:nowrap}
.bank-select-cell{width:58px;text-align:center!important}
.bank-select-cell input{width:16px;height:16px;accent-color:#747474;vertical-align:middle}
.bank-transaction-id{font-variant-numeric:tabular-nums;font-family:Consolas,"Segoe UI",monospace;font-size:10px}
.bank-settlement-filters .field input,.bank-settlement-filters .field select,.bank-statement-fields .field input{height:40px}
.bank-statement-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end}
.bank-reconcile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0 5px}
.bank-reconcile-summary>div{min-width:0;border:1px solid #e6ebeb;background:#f8fafa;border-radius:8px;padding:11px 12px}
.bank-reconcile-summary span{display:block;color:#777777;font-size:10px;line-height:1.4}
.bank-reconcile-summary strong{display:block;margin-top:6px;color:#1f1f1f;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bank-reconcile-summary .bank-difference.matched{background:#eef8f3;border-color:#e9e9e9}
.bank-reconcile-summary .bank-difference.matched strong{color:#636363}
.bank-form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}
.bank-form-actions .muted{max-width:650px;font-size:10px}
.bank-form-actions .button:disabled,.bank-settlement-filters .button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.bank-settlement-history .data-table td{white-space:nowrap}
@media(max-width:1050px){.bank-settlement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-settlement-filters .button{justify-self:start}}
@media(max-width:900px){.bank-statement-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-reconcile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.settlement-metrics{grid-template-columns:1fr}.bank-settlement-filters{grid-template-columns:1fr}.bank-reconcile-panel .panel-head{align-items:flex-start}.bank-statement-fields,.bank-reconcile-summary{grid-template-columns:1fr}.bank-fp-statement-fields .bank-fp-notes{grid-column:auto}.bank-channel-selector{align-items:stretch;flex-direction:column;gap:3px;max-width:none}.bank-channel-selector .field{width:100%}.bank-channel-selector .muted{padding:0}.bank-form-actions{align-items:stretch;flex-direction:column}.bank-form-actions .button{width:100%}.bank-fp-history-entry>summary{grid-template-columns:1fr 1fr;gap:10px}.bank-fp-history-entry>summary:after{grid-column:2;justify-self:end;grid-row:1}.bank-fp-history-entry .bank-fp-date{grid-column:1/-1}.bank-fp-actions{grid-column:1/-1}}
.bank-history-entry{border:1px solid #e6ebeb;border-radius:9px;background:#fff;margin:0 0 9px;overflow:hidden}
.bank-history-entry:last-child{margin-bottom:0}
.bank-history-entry>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.65fr)) 14px;align-items:center;gap:14px;padding:13px 15px}
.bank-history-entry>summary::-webkit-details-marker{display:none}
.bank-history-entry>summary:after{content:"⌄";grid-column:5;grid-row:1;color:#8e8e8e;margin-left:-12px}
.bank-history-date strong,.bank-history-value strong{display:block;color:#252525;font-size:11px}
.bank-history-date small,.bank-history-value small{display:block;color:#838383;font-size:9px;margin-top:4px}
.bank-history-value strong{font-variant-numeric:tabular-nums}
.bank-history-transactions{padding:0 14px 12px;overflow:auto}
.bank-history-transactions .data-table{min-width:720px}
@media(max-width:650px){.bank-history-entry>summary{grid-template-columns:1fr 1fr;gap:10px}.bank-history-entry>summary:after{grid-column:2;justify-self:end;grid-row:1}.bank-history-date{grid-column:1/-1}.bank-history-transactions{padding-inline:8px}}
.bank-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.terminal-manager-card{width:min(900px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;padding:26px}
.terminal-manager-card>.panel-head{align-items:flex-start}
.terminal-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.terminal-manager-section{padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff}
.terminal-manager-section h3{margin:0 0 12px;font-size:13px}
.terminal-manager-form{display:grid;gap:10px}
.terminal-manager-form .field{margin:0}
.terminal-manager-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.terminal-manager-form-actions{display:flex;gap:8px;align-items:center}
.terminal-manager-form .button{justify-self:start}
.field-help{display:block;margin-top:6px;color:#8a8a8a;font-size:10px;line-height:1.4}
.bank-batch-terminal-options{display:grid;grid-template-columns:1fr;gap:0;max-height:190px;overflow:auto;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:#fcfcfc}
.bank-batch-terminal-option{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 5px;border-bottom:1px solid #eee;background:transparent;font-size:11px;cursor:pointer}
.bank-batch-terminal-option:last-child{border-bottom:0}
.bank-batch-terminal-option input{flex:0 0 14px;width:14px;height:14px;margin:0;accent-color:#808080}
.bank-batch-terminal-option span{overflow-wrap:anywhere}
.terminal-manager-list{display:grid;gap:7px;max-height:210px;overflow:auto;margin-top:13px}
.terminal-manager-row{display:grid;grid-template-columns:9px minmax(90px,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #ededed;border-radius:8px;background:#fcfcfc}
.terminal-manager-copy{display:grid;gap:3px;min-width:0}
.terminal-manager-row strong{font-size:11px;font-weight:650;overflow-wrap:anywhere}
.terminal-manager-row small{font-size:10px;color:#888;overflow-wrap:anywhere}
.terminal-manager-actions{display:flex;gap:5px}
.terminal-manager-actions .button{min-height:30px;padding:4px 9px;font-size:10px}
.terminal-action-delete{color:#4c4c4c!important}
.terminal-manager-dot{width:8px;height:8px;border-radius:50%;background:#808080}
.terminal-manager-dot.batch{background:#a2a2a2}
@media(max-width:650px){.bank-heading-actions{width:100%}.bank-heading-actions .button{flex:1}.terminal-manager-grid{grid-template-columns:1fr}.terminal-manager-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:16px}.terminal-manager-form-fields{grid-template-columns:1fr}.terminal-manager-row{grid-template-columns:9px minmax(80px,1fr)}.terminal-manager-actions{grid-column:2}.terminal-manager-row small{white-space:normal}}
/* Supplier and purchasing workspace */
.supplier-metrics,.purchase-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.supplier-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr);gap:15px;align-items:start}
.supplier-form{grid-template-columns:1fr 1fr}
.supplier-address{grid-column:1/-1}
.supplier-form-actions{display:flex;gap:8px;align-items:center}
.supplier-pay-panel .form-grid{grid-template-columns:1fr 1fr}
.supplier-balance{font-weight:750;font-variant-numeric:tabular-nums}
.supplier-row-actions{display:flex;gap:6px;white-space:nowrap}
.purchase-form-panel{padding:20px}
.purchase-header-fields{display:grid;grid-template-columns:1.2fr 1fr .9fr .9fr;gap:12px;align-items:end}
.purchase-items-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}
.purchase-items-heading strong{font-size:12px}
.purchase-items-heading p{margin:4px 0 0;color:#9c9c9c;font-size:10px}
.purchase-lines-wrap{border:1px solid var(--line);border-radius:9px;padding:8px 12px}
.purchase-line{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(90px,.65fr) minmax(120px,.8fr) minmax(75px,.5fr) minmax(110px,.65fr) 34px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f2efeb}
.purchase-line:last-child{border-bottom:0}
.purchase-line-head{padding:4px 0 9px;color:#9c9c9c;font-size:9px;font-weight:750;letter-spacing:.45px}
.purchase-line select,.purchase-line input{width:100%;height:37px;padding:0 9px;border:1px solid #e2e2e2;background:#fff;border-radius:7px;color:#393330;outline:0;font-size:11px;min-width:0}
.purchase-line input:focus,.purchase-line select:focus{border-color:#878787;box-shadow:0 0 0 3px #55555511}
.purchase-line-total{font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.purchase-line-remove{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#555555;font-size:16px}
.purchase-bottom-fields{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(160px,.8fr) minmax(180px,1fr) minmax(190px,.9fr);gap:12px;align-items:end;margin-top:14px}
.purchase-total-box{padding:11px 13px;border:1px solid #e6e6e6;background:#fcf7f1;border-radius:9px;display:grid;gap:4px}
.purchase-total-box span,.purchase-total-box small{color:#858585;font-size:9px}
.purchase-total-box strong{font-size:17px;font-variant-numeric:tabular-nums}
.purchase-total-box .purchase-tax-claim-label{display:flex;align-items:center;gap:7px;color:#414b5d;font-size:10px;font-weight:700}
.purchase-total-box .purchase-tax-claim-label input{width:14px;height:14px;accent-color:#168b58}
.purchase-total-box .purchase-tax-claim-help{font-size:9px;line-height:1.35;color:#687386}
.purchase-submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.purchase-stock-name{font-weight:650;color:#393330}
.purchase-status-paid{background:#e9f1ec;color:#55826d}
.purchase-status-part{background:#f8f0e5;color:#a6773d}
.purchase-status-due{background:#f7e9e7;color:#a64036}
@media(max-width:1100px){.supplier-layout{grid-template-columns:1fr}.purchase-bottom-fields{grid-template-columns:1fr 1fr}.purchase-header-fields{grid-template-columns:1fr 1fr}.purchase-header-fields .field:first-child{grid-column:1/-1}}
@media(max-width:760px){.supplier-metrics,.purchase-metrics{grid-template-columns:1fr}.purchase-line{grid-template-columns:minmax(140px,1.4fr) minmax(72px,.6fr) minmax(105px,.8fr) minmax(70px,.55fr) 32px}.purchase-line-head{display:none}.purchase-line-total{display:none}.purchase-bottom-fields{grid-template-columns:1fr 1fr}.purchase-notes{grid-column:1/-1}.purchase-submit-row{align-items:stretch;flex-direction:column}.purchase-submit-row .button{width:100%}}
@media(max-width:520px){.supplier-pay-panel .form-grid,.supplier-form,.purchase-header-fields,.purchase-bottom-fields{grid-template-columns:1fr}.supplier-address,.purchase-notes,.purchase-header-fields .field:first-child{grid-column:auto}.purchase-line{grid-template-columns:minmax(100px,1fr) 68px 78px 64px 30px;gap:6px}.purchase-line select{grid-column:1/-1}.purchase-line input[data-purchase-qty]{grid-column:1}.purchase-line input[data-purchase-unit-cost]{grid-column:2}.purchase-line input[data-purchase-tax-rate]{grid-column:3}.purchase-line-remove{grid-column:5;grid-row:2}.purchase-line-total{display:block;grid-column:1/4;text-align:left;padding:2px 4px}.purchase-total-box{grid-column:1}}
@media(max-width:650px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Multi-location store and inventory */
.store-location-panel,.store-operations-grid>.panel{padding:20px}
.store-setup-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:18px;align-items:start}
.store-create-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,.8fr) auto;gap:10px;align-items:end}
.store-form-actions{display:flex;gap:7px}
.pos-stock-location-form{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px 10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafafa}
.pos-stock-location-form small{grid-column:1/-1;color:var(--muted);font-size:10px}
.store-location-list{margin-top:15px}
.store-location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.store-location-card{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}
.store-location-card>div:first-child{display:grid;gap:4px}.store-location-card>div:first-child strong{font-size:13px}.store-location-card>div:first-child span{font-size:10px;color:var(--muted)}
.store-location-stats{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-block:1px solid #f0efed;font-size:10px;color:#606060}
.store-location-stats b:last-child{color:var(--ink)}.store-location-actions{display:flex;gap:7px}
.store-operations-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;margin:15px 0}
.stock-location-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:160px}.stock-location-chip{display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:#fafafa;color:#676767;font-size:9px;white-space:nowrap}.stock-location-chip b{color:var(--ink)}
.store-operations-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-operations-grid .form-grid>.button{align-self:end}
#store-movement-table{overflow-x:auto}.store-location-panel .field,#page-stock .field{min-width:0}
@media(max-width:950px){.store-setup-grid,.store-operations-grid{grid-template-columns:1fr}.store-create-form{grid-template-columns:1fr 1fr}.store-form-actions{grid-column:1/-1}}
@media(max-width:650px){.store-create-form,.pos-stock-location-form,.store-operations-grid .form-grid{grid-template-columns:1fr}.store-form-actions,.pos-stock-location-form small{grid-column:auto}.store-operations-grid .form-grid>.button{width:100%}.store-location-grid{grid-template-columns:1fr}}
.purchase-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:0 0 16px;padding:0 2px}
.purchase-return-fields{grid-template-columns:1.3fr 1fr 1.3fr 1fr}
.purchase-return-bottom{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}
.purchase-return-items{margin-top:14px;overflow:hidden}
.purchase-return-table{min-width:900px}
.purchase-return-qty{width:100px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;text-align:right;background:#fff;color:var(--ink)}
.purchase-action-buttons .menu-action-button:disabled{opacity:.45;cursor:not-allowed}
.card-discount-report-filter{grid-template-columns:repeat(4,minmax(135px,1fr)) auto}
.card-discount-report-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.card-discount-type-summary{margin:14px 0}
.card-discount-report-ledgers{display:grid;gap:14px;margin-top:15px}
.card-discount-bank-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.card-discount-bank-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.card-discount-bank-actions{display:flex;gap:6px}
.card-discount-bank-actions .button{padding:7px 10px;font-size:10px}
.card-discount-bank-heading h2{margin:3px 0 5px}
.card-discount-bank-heading p{margin:0;color:var(--muted);font-size:12px}
.card-discount-bank-total{text-align:right;white-space:nowrap}
.card-discount-bank-total span{display:block;color:var(--muted);font-size:10px}
.card-discount-bank-total strong{display:block;margin-top:4px;color:var(--ink);font-size:17px}
.purchase-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#7a7a7a;padding:11px 15px;font-size:11px;font-weight:700}
.purchase-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.purchase-form-actions{display:flex;gap:8px;align-items:center}
.purchase-ledger-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}
.supplier-ledger-filter{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) minmax(220px,1.2fr) auto;gap:12px;align-items:end}
.supplier-ledger-filter .field{width:auto;margin:0}
.supplier-ledger-filter .button{height:38px;white-space:nowrap}
.supplier-search-field{position:relative;z-index:3}
.supplier-search-wrap{position:relative}
.supplier-search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 28px rgba(32,32,32,.14);z-index:30}
.supplier-search-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid #f1eeea;background:#fff;text-align:left;color:var(--ink)}
.supplier-search-option:last-child{border-bottom:0}
.supplier-search-option:hover,.supplier-search-option:focus{background:#faf5f2;outline:0}
.supplier-search-option strong{font-size:11px}
.supplier-search-option span,.supplier-search-empty{color:var(--muted);font-size:10px}
.supplier-search-empty{padding:13px}
.supplier-ledger-report-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 14px}
.supplier-ledger-report-heading h2{margin:0 0 5px;font-size:18px}
.supplier-ledger-export{display:flex;gap:8px}
.supplier-ledger-opening{background:#f8f5f1;font-weight:700}
.purchase-ledger-stat{padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:10px}
.purchase-ledger-stat span{display:block;color:#838383;font-size:10px}
.purchase-ledger-stat strong{display:block;margin-top:7px;font-size:18px;font-variant-numeric:tabular-nums}
.purchase-ledger-ref{font-weight:700;color:#393330}
.purchase-ledger-source{display:inline-block;border-radius:99px;background:#f5f1ec;padding:5px 8px;color:#7b7b7b;font-size:9px;text-transform:capitalize;white-space:nowrap}
.purchase-action-buttons{display:flex;gap:5px;white-space:nowrap}
.purchase-action-buttons .menu-action-button{padding:6px 8px}
@media(max-width:900px){.supplier-ledger-filter{grid-template-columns:1fr 1fr}.card-discount-report-filter{grid-template-columns:1fr 1fr}.card-discount-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-ledger-filter .button{grid-column:1/-1;justify-self:start}.purchase-ledger-summary:not(.card-discount-report-summary){grid-template-columns:1fr 1fr}}
@media(max-width:520px){.purchase-ledger-summary{grid-template-columns:1fr}.card-discount-report-summary{grid-template-columns:1fr 1fr}.purchase-tabs{margin-inline:-8px}.purchase-tab{flex:1;padding:11px 7px}.purchase-submit-row .purchase-form-actions{width:100%}.purchase-form-actions .button{flex:1}.supplier-ledger-filter{grid-template-columns:1fr}.card-discount-report-filter{grid-template-columns:1fr}.supplier-ledger-filter .button{grid-column:auto;width:100%}.supplier-ledger-report-heading{align-items:flex-start;flex-direction:column}.supplier-ledger-export{width:100%}.supplier-ledger-export .button{flex:1}.card-discount-bank-heading{flex-direction:column}.card-discount-bank-tools{align-items:flex-start;width:100%}.card-discount-bank-total{text-align:left}.card-discount-bank-actions{flex-wrap:wrap}.card-discount-bank-actions .button{flex:1}}
.coa-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px}
.coa-stat{min-width:0;padding:15px 16px;border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.coa-stat>span,.coa-stat>small{display:block;color:#666}
.coa-stat>span{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.coa-stat>strong{display:block;margin:8px 0 5px;color:#111;font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.coa-stat>small{font-size:11px}
.coa-panel{overflow:hidden}
.coa-head{align-items:flex-start;gap:15px}
.coa-updated{flex:0 0 auto;padding:7px 10px;border:1px solid #e4e4e4;border-radius:999px;color:#555;font-size:11px;white-space:nowrap}
.coa-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(200px,270px);gap:12px;margin:10px 0 14px}
.coa-toolbar .field{margin:0}
.coa-table-wrap{width:100%;overflow:auto;border:1px solid #e4e4e4;border-radius:10px}
.coa-table,.coa-ledger-table{min-width:1080px;margin:0}
.coa-table th,.coa-table td,.coa-ledger-table th,.coa-ledger-table td{vertical-align:middle}
.coa-table td:nth-child(2){min-width:175px}
.coa-code{display:inline-flex;min-width:48px;justify-content:center;padding:5px 7px;border-radius:6px;background:#f1f1f1;color:#222;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.coa-account-name{display:block;color:#171717;font-size:13px}
.coa-normal-side{display:block;margin-top:3px;color:#777;font-size:10px}
.coa-type-pill{display:inline-flex;padding:5px 8px;border:1px solid #e1e1e1;border-radius:999px;background:#fafafa;color:#444;font-size:11px;font-weight:650;white-space:nowrap}
.coa-type-asset{background:#f1f1f1;color:#111}
.coa-type-liability{background:#f8f8f8;color:#333}
.coa-type-equity{background:#efefef;color:#111}
.coa-type-income{background:#f6f6f6;color:#222}
.coa-type-expense{background:#f2f2f2;color:#333}
.coa-module-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:175px}
.coa-module-tag{display:inline-flex;padding:4px 6px;border:1px solid #e7e7e7;border-radius:5px;background:#fff;color:#555;font-size:10px;line-height:1.1;white-space:nowrap}
.coa-view-ledger{padding:7px 9px;font-size:11px;white-space:nowrap}
.coa-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.coa-row-actions .button{padding:7px 9px;font-size:10px}
.coa-delete-button{color:#434343!important;border-color:#e1e1e1!important}
.coa-delete-button:not(:disabled):hover{background:#fff6f6!important;border-color:#bfbfbf!important}
.coa-delete-button:disabled{cursor:not-allowed;opacity:.45}
.coa-edit-card{width:min(500px,100%)}
.coa-edit-meta{display:flex;gap:10px;margin:2px 0 16px}
.coa-edit-meta span{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafafa;color:#6c6c6c;font-size:11px}
.coa-edit-meta strong{display:block;margin-top:4px;color:#111;font-size:13px}
.coa-ledger-panel{scroll-margin-top:16px}
.coa-ledger-head{align-items:flex-start}
.coa-ledger-head .eyebrow{margin:0 0 4px}
.coa-ledger-head h2{margin:0 0 4px}
.coa-ledger-head .muted{margin:0}
.coa-ledger-filters{display:flex;align-items:flex-end;gap:14px;margin-top:12px}
.coa-ledger-filters .field{width:min(280px,100%);margin:0}
.coa-ledger-filter-count{padding:0 0 10px;font-size:12px}
.coa-ledger-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 14px}
.coa-ledger-summary article{padding:11px 13px;border:1px solid #e5e5e5;border-radius:9px;background:#fafafa}
.coa-ledger-summary span,.coa-ledger-summary strong{display:block}
.coa-ledger-summary span{color:#666;font-size:11px}
.coa-ledger-summary strong{margin-top:5px;color:#111;font-size:16px;font-variant-numeric:tabular-nums}
.coa-ledger-summary .coa-balance-urdu{display:block;margin-top:3px;color:#606060;font-size:12px;font-weight:700;line-height:1.5;text-align:left}
.coa-running-operator{color:#777777;font-size:15px;text-align:center}
.coa-page-heading{align-items:center;gap:16px}
.coa-create-panel{border-style:dashed}
.coa-create-form{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr) minmax(190px,1fr) auto;align-items:end;gap:12px}
.coa-create-form .field{margin:0}
.coa-form-hint{display:block;margin-top:5px;color:#777;font-size:10px;line-height:1.4}
.coa-create-actions{display:flex;gap:7px;align-items:center}
.coa-create-actions .button{white-space:nowrap}
@media(max-width:1000px){.coa-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.coa-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.coa-create-actions{grid-column:1/-1}}
@media(max-width:650px){.coa-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.coa-stat{padding:12px}.coa-stat>strong{font-size:16px}.coa-toolbar{grid-template-columns:1fr}.coa-head{flex-direction:column}.coa-updated{align-self:flex-start}.coa-ledger-summary{grid-template-columns:1fr}.coa-ledger-head{flex-direction:row;align-items:flex-start}.coa-ledger-head .button{padding:8px 10px}.coa-ledger-filters{align-items:flex-start;flex-direction:column;gap:2px}.coa-ledger-filters .field{width:100%}.coa-page-heading{align-items:flex-start}.coa-page-heading>.button{width:100%}.coa-create-form{grid-template-columns:1fr}.coa-create-actions{grid-column:auto;flex-wrap:wrap}.coa-create-actions .button{flex:1}}
.books-launcher{padding:0;overflow:hidden}
.books-launcher-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #ececec}
.books-launcher-heading>div{display:flex;align-items:center;gap:12px;min-width:0}
.books-launcher-heading h2{margin:0;color:#171717;font-size:17px;font-weight:750}
.books-launcher-heading p{margin:5px 0 0;color:#777;font-size:12px}
.books-launcher-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #e4e4e4;border-radius:10px;background:#f6f6f6;color:#111;font-size:18px}
.books-live-label{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e7e7e7;border-radius:999px;color:#555;font-size:10px;font-weight:650;white-space:nowrap}
.books-live-label i{width:7px;height:7px;border-radius:50%;background:#222}
.books-reports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 20px 20px}
.books-report-card{display:flex;min-width:0;min-height:68px;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e4e4e4;border-radius:10px;background:#fff;color:#171717;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.books-report-card:hover,.books-report-card:focus-visible{border-color:#aaa;background:#fafafa;box-shadow:0 5px 14px rgba(0,0,0,.06);outline:none;transform:translateY(-1px)}
.books-report-card.is-active{border-color:#222;background:#f7f7f7;box-shadow:inset 3px 0 #111}
.books-report-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;background:#f2f2f2;color:#111;font-size:16px;font-weight:700}
.books-report-copy{display:grid;min-width:0;gap:4px;flex:1}
.books-report-copy strong{overflow:hidden;color:#222;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.books-report-copy small{overflow:hidden;color:#777;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.books-report-arrow{flex:0 0 auto;color:#777;font-size:22px;line-height:1}
.book-report-detail{margin-top:16px;padding:0;overflow:hidden;border-color:#e5e5e5}
.book-report-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ededed}
.book-report-detail-head h2{margin:0;color:#171717;font-size:21px;font-weight:750}
.book-report-detail-head .eyebrow{margin:0 0 7px}
.book-report-detail-head .muted{margin:6px 0 0;font-size:12px}
.book-report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:16px 20px 4px}
.book-report-stat{display:flex;min-height:72px;flex-direction:column;justify-content:center;gap:7px;padding:12px 14px;border:1px solid #e8e8e8;border-radius:9px;background:#fafafa}
.book-report-stat span{color:#727272;font-size:11px;font-weight:600}
.book-report-stat strong{color:#151515;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.book-report-note{margin:14px 20px 0;padding:11px 13px;border-left:3px solid #222;border-radius:0 7px 7px 0;background:#f7f7f7;color:#595959;font-size:12px;line-height:1.55}
.book-report-toolbar{display:flex;justify-content:flex-end;padding:12px 20px 0}
.book-account-filter{width:min(100%,360px);margin:0}
.book-report-table{padding:16px 20px 20px;overflow:auto}
.book-report-table .data-table{min-width:760px}
.book-bank-statement .book-report-stat:nth-child(2) strong{color:#565656}
.book-bank-statement .book-report-stat:nth-child(3) strong{color:#484848}
.book-bank-statement .book-report-stat:nth-child(4){border-color:#d8d8d8;background:#f4f4f4}
.book-bank-statement .book-report-table .data-table{min-width:840px}
.book-bank-statement .book-report-table .data-table thead{background:#f5f5f5}
.book-bank-statement .book-report-table .data-table tbody tr:nth-child(even){background:#fafafa}
.book-bank-statement .book-report-table .data-table tbody tr:first-child{background:#f0f0f0;font-weight:700}
.book-bank-statement .book-report-table .data-table tbody td:last-child{font-weight:750;color:#171717;font-variant-numeric:tabular-nums}
.book-bank-statement .book-report-table .data-table tbody tr:not(:first-child):hover{background:#f5f5f5}
.book-entry-reference{padding:2px 0;border:0;background:none;color:#111;font:inherit;font-weight:700;text-decoration:underline;text-decoration-color:#aaa;text-underline-offset:3px;cursor:pointer}
.book-entry-reference:hover,.book-entry-reference:focus-visible{color:#555;text-decoration-color:#111;outline:none}
.book-entry-detail{margin:16px 20px 0;border:1px solid #dedede;border-radius:11px;background:#fff;overflow:hidden}
.book-entry-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #ededed;background:#fafafa}
.book-entry-detail-head h3{margin:0;color:#171717;font-size:16px}
.book-entry-detail-head p{margin:6px 0;color:#666;font-size:12px}
.book-entry-detail-head small{color:#777;font-size:11px}
.book-entry-detail-summary{display:flex;flex-wrap:wrap;gap:22px;padding:13px 20px;color:#666;font-size:12px}
.book-entry-detail-summary span{display:flex;align-items:center;gap:9px}
.book-entry-detail-summary strong{color:#161616;font-size:14px}
.book-entry-lines{padding:0 20px 18px;overflow:auto}
.book-entry-lines .data-table{min-width:560px}
@media(max-width:650px){.book-report-detail-head{align-items:flex-start;padding:17px}.book-report-detail-head>.button{flex:0 0 auto}.book-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px 0}.book-report-note{margin:12px 12px 0}.book-report-toolbar{padding:12px 12px 0}.book-report-table{padding:12px;overflow:auto}}
@media(max-width:1050px){.books-reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.books-launcher-heading{align-items:flex-start;padding:16px}.books-live-label{font-size:0;padding:8px}.books-live-label i{width:8px;height:8px}.books-reports-grid{grid-template-columns:1fr;gap:8px;padding:12px}.books-report-card{min-height:62px}.books-report-copy strong{white-space:normal}.books-report-copy small{white-space:normal}}

.financial-report-launcher{margin:0 0 16px;padding:0;border:1px solid #e7e7e7;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.035);overflow:hidden}
.financial-report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #ededed}
.financial-report-heading>div{display:flex;align-items:center;gap:12px;min-width:0}
.financial-report-heading h2{margin:0;color:#171717;font-size:16px;font-weight:750}
.financial-report-heading p{margin:5px 0 0;color:#777;font-size:11px}
.financial-report-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #e4e4e4;border-radius:10px;background:#f6f6f6;color:#111;font-size:18px}
.financial-report-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e7e7e7;border-radius:999px;color:#555;font-size:10px;font-weight:650;white-space:nowrap}
.financial-report-live i{width:7px;height:7px;border-radius:50%;background:#202020}
.financial-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 18px 18px}
.financial-report-card{--report-accent:#343434;--report-tint:#f3f3f3;display:flex;min-width:0;min-height:74px;align-items:center;gap:11px;padding:12px;border:1px solid #e6e6e6;border-left:3px solid var(--report-accent);border-radius:10px;background:#fff;color:#171717;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.financial-report-card:hover,.financial-report-card:focus-visible{border-color:var(--report-accent);background:#fcfcfc;box-shadow:0 5px 15px rgba(0,0,0,.06);outline:none;transform:translateY(-1px)}
.financial-report-card.is-active{border-color:var(--report-accent);background:var(--report-tint);box-shadow:inset 0 0 0 1px var(--report-accent)}
.financial-report-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:var(--report-tint);color:var(--report-accent);font-size:17px;font-weight:750}
.financial-report-copy{display:grid;min-width:0;flex:1;gap:4px}
.financial-report-copy strong{color:#222;font-size:12px;font-weight:750}
.financial-report-copy small{color:#777;font-size:10px;line-height:1.4}
.financial-report-arrow{flex:0 0 auto;color:#777;font-size:22px;line-height:1}
.report-blue{--report-accent:#6b6b6b;--report-tint:#f4f4f4}.report-green{--report-accent:#747474;--report-tint:#f4f4f4}.report-orange{--report-accent:#909090;--report-tint:#f4f4f4}.report-teal{--report-accent:#757575;--report-tint:#f3f3f3}.report-purple{--report-accent:#5f5f5f;--report-tint:#f3eef9}.report-gray{--report-accent:#555;--report-tint:#f2f2f2}
.report-controls{padding:14px 16px 0}
.report-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 0 14px}
.report-stat{min-width:0;background:#fff}
.report-stat strong{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:0}
.report-stat small{display:block;margin-top:5px;color:#777;font-size:10px}
.statement-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}
.statement-heading h3{margin:0;color:#171717;font-size:17px;font-weight:750}
.statement-heading p{margin:5px 0 0;color:#777;font-size:11px;line-height:1.5}
.statement-heading .eyebrow{margin-bottom:5px;color:#777}
.statement-period{padding:7px 10px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;color:#555;font-size:10px;white-space:nowrap}
.statement-status{display:inline-flex;flex:0 0 auto;align-items:center;padding:7px 10px;border:1px solid #e8e8e8;border-radius:999px;background:#f7f7f7;color:#444;font-size:10px;font-weight:750;white-space:nowrap}
.statement-status.is-ready{border-color:#d6ead9;background:#edf7ef;color:#287142}.statement-status.is-review{border-color:#f0d8d2;background:#fbefec;color:#9b4135}.statement-status.is-info{border-color:#dce5ea;background:#f1f6f8;color:#4e6570}
.report-note{margin:12px 0;padding:11px 13px;border-left:3px solid #333;border-radius:0 7px 7px 0;background:#f7f7f7;color:#595959;font-size:11px;line-height:1.55}
.report-note.report-note-warning{border-left-color:#b54708;background:#fff7ed;color:#7c2d12}
.report-table-scroll{width:100%;overflow:auto;border:1px solid #e8e8e8;border-radius:9px;background:#fff}
.report-table-scroll .data-table{min-width:680px}
.report-table-scroll .data-table th{background:#f7f7f7;color:#666;white-space:nowrap}
.report-table-scroll .data-table td{vertical-align:middle}
.report-table-scroll .data-table tbody tr:nth-child(even){background:#fcfcfc}
.report-table-scroll .data-table tbody tr:hover{background:#f7f7f7}
.report-table-scroll .data-table tr.statement-subtotal td{border-top:1px solid #ddd;background:#f6f6f6;color:#191919;font-weight:750}
.report-table-scroll .data-table tr.statement-grand-total td{border-top:2px solid #222;background:#f0f0f0;color:#111;font-weight:800}
.report-table-scroll .data-table tr.check-review td{background:#fff9f6}
.report-columns.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.statement-group{min-width:0;overflow:hidden;border:1px solid #e8e8e8;border-radius:10px;background:#fff}
.statement-group h4{margin:0;padding:12px 13px;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#222;font-size:12px}
.statement-group .report-table-scroll{border:0;border-radius:0}
.statement-group .report-table-scroll .data-table{min-width:500px}
.statement-group .statement-total{margin:0 12px;border-top:1px solid #e8e8e8}
.statement-equation{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin-top:13px;padding:12px 14px;border:1px solid #e8e8e8;border-radius:9px;background:#fafafa;color:#666;font-size:10px}
.statement-equation strong{color:#171717;font-size:12px;font-variant-numeric:tabular-nums}
.statement-equation i{color:#999;font-size:14px;font-style:normal}
.statement-difference{margin-left:auto;color:#555;font-weight:750}
@media(max-width:1000px){.financial-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns.three{grid-template-columns:1fr 1fr}.statement-group:last-child{grid-column:1/-1}}
@media(max-width:650px){.financial-report-heading{align-items:flex-start;padding:15px}.financial-report-live{font-size:0;padding:8px}.financial-report-live i{width:8px;height:8px}.financial-report-grid{grid-template-columns:1fr;gap:8px;padding:11px}.financial-report-card{min-height:66px}.financial-report-copy small{white-space:normal}.statement-heading{display:grid}.statement-period,.statement-status{justify-self:start}.report-columns.three{grid-template-columns:1fr}.statement-group:last-child{grid-column:auto}.statement-equation{align-items:flex-start}.statement-difference{margin-left:0}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.journal-live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e5e2de;border-radius:999px;background:#fff;color:#59534e;font-size:11px;font-weight:650;white-space:nowrap}
.journal-live-badge i{width:7px;height:7px;border-radius:50%;background:#767676;box-shadow:0 0 0 3px #76767618}
.journal-tabs{display:flex;gap:5px;padding:5px;border:1px solid #e8e4df;border-radius:10px;background:#f4f2ef;margin:0 0 16px;width:max-content;max-width:100%}
.journal-tab{border:0;border-radius:7px;background:transparent;color:#706a65;padding:10px 15px;font-size:11px;font-weight:650;white-space:nowrap}
.journal-tab.active{background:#fff;color:#292625;box-shadow:0 1px 5px #19191914}
.journal-form{padding:0;overflow:hidden}
.journal-form-head{align-items:flex-start;padding:20px 22px 15px;border-bottom:1px solid #efebe7;margin:0}
.journal-form-head h2{font-size:16px;margin:0 0 5px}
.journal-form-head p:not(.eyebrow){margin:0;color:#848484;font-size:11px;line-height:1.5}
.journal-number-preview{padding:7px 10px;border:1px solid #ebe7e2;border-radius:7px;background:#faf9f7;color:#727272;font-size:10px;white-space:nowrap}
.journal-meta-grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(180px,.8fr) minmax(300px,1.7fr);gap:12px;padding:17px 22px 20px}
.journal-meta-grid .field{margin:0}
.journal-lines-panel{padding:0 22px 17px}
.journal-lines-title{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 11px}
.journal-lines-title h3{margin:0 0 4px;font-size:13px}
.journal-lines-title p{margin:0;color:#8b8b8b;font-size:10px}
.journal-lines-title .button{padding:8px 11px}
.journal-line-head,.journal-line-row{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(140px,.8fr) minmax(140px,.8fr) 36px;gap:10px;align-items:center}
.journal-line-head{padding:10px 12px;border:1px solid #eae6e1;border-radius:8px 8px 0 0;background:#f8f7f5;color:#848484;font-size:9px;font-weight:750;letter-spacing:.6px}
.journal-lines{border:1px solid #eae6e1;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}
.journal-line-row{padding:9px 12px;border-top:1px solid #f0ede9;background:#fff}
.journal-line-row:first-child{border-top:0}
.journal-account-cell{display:flex;align-items:center;gap:8px;min-width:0}
.journal-line-number{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:6px;background:#f3f1ee;color:#6e6e6e;font-size:9px;font-weight:750}
.journal-line-row select,.journal-line-row input{width:100%;height:37px;min-width:0;padding:0 10px;border:1px solid #e2e2e2;border-radius:7px;background:#fff;color:#393330;font-size:11px;outline:0}
.journal-line-row select:focus,.journal-line-row input:focus{border-color:#878787;box-shadow:0 0 0 3px #55555511}
.journal-line-row input{text-align:right;font-variant-numeric:tabular-nums}
.journal-line-row input::placeholder{color:#ababab}
.journal-remove-line{width:30px;height:30px;border:1px solid #eee9e4;border-radius:7px;background:#fff;color:#848484;font-size:16px;line-height:1}
.journal-remove-line:hover:not(:disabled){border-color:#b3b3b3;background:#fcf5f4;color:#515151}
.journal-remove-line:disabled{opacity:.35;cursor:not-allowed}
.journal-validation{margin:0 22px 14px;padding:10px 12px;border:1px solid #eee8df;border-radius:7px;background:#faf8f4;color:#756856;font-size:11px}
.journal-validation.is-balanced{border-color:#d8e8db;background:#f1f7f2;color:#42704f}
.journal-validation.is-error{border-color:#ead5d2;background:#fcf4f3;color:#963e36}
.journal-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:0 22px 17px}
.journal-bottom-row>p{max-width:280px;margin:0;color:#8c8c8c;font-size:10px;line-height:1.5}
.journal-total-cards{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px}
.journal-total-cards article{min-width:130px;padding:10px 12px;border:1px solid #e9e5e0;border-radius:8px;background:#fbfaf8}
.journal-total-cards span,.journal-total-cards strong{display:block}
.journal-total-cards span{color:#7d7d7d;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.35px}
.journal-total-cards strong{margin-top:5px;color:#292625;font-size:14px;font-variant-numeric:tabular-nums}
.journal-total-cards .journal-difference strong{color:#595959}
.journal-submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 22px;background:#faf9f7;border-top:1px solid #efebe7}
.journal-balance-status{color:#8d857e;font-size:11px;font-weight:650}
.journal-balance-status.is-balanced{color:#477653}
.journal-submit-row .button:disabled{opacity:.46;cursor:not-allowed;transform:none;box-shadow:none}
.journal-filter{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(230px,1.3fr) auto;align-items:end;gap:11px;padding:15px;margin-bottom:18px}
.journal-filter .field{margin:0}
.journal-filter .button{height:38px}
.journal-register-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 1px 11px}
.journal-register-heading h2{margin:0 0 4px;font-size:16px}
.journal-register-heading p{font-size:10px}
.journal-register-list{display:grid;gap:8px}
.journal-register-head,.journal-register-entry>summary{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(150px,.8fr) minmax(190px,1.25fr) minmax(120px,.75fr) minmax(100px,.6fr) minmax(100px,.6fr);gap:12px;align-items:center}
.journal-register-head{padding:8px 14px;color:#919191;font-size:9px;font-weight:750;letter-spacing:.5px}
.journal-register-entry{overflow:hidden;border:1px solid #e9e5e0;border-radius:9px;background:#fff;box-shadow:0 4px 14px #26262608}
.journal-register-entry>summary{min-height:54px;padding:9px 14px;list-style:none;cursor:pointer;font-size:10px}
.journal-register-entry>summary::-webkit-details-marker{display:none}
.journal-register-entry>summary:hover{background:#fcfbfa}
.journal-entry-no{color:#292625;font-weight:750;text-decoration:underline;text-decoration-color:#d0d0d0;text-underline-offset:3px}
.journal-entry-source{display:inline-block;width:max-content;max-width:100%;overflow:hidden;padding:5px 7px;border:1px solid #ece7e1;border-radius:999px;background:#f8f6f3;color:#6e6e6e;font-size:9px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}
.journal-entry-description{overflow:hidden;color:#48423e;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.journal-entry-ref{overflow:hidden;color:#848484;text-overflow:ellipsis;white-space:nowrap}
.journal-entry-amount{color:#393330;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.journal-entry-lines{padding:0 14px 14px;border-top:1px solid #f0ede9}
.journal-entry-lines .data-table{min-width:540px;margin-top:11px}
.journal-limit-note{margin:11px 2px;color:#828282;font-size:10px}
.journal-limit-note:not(.hidden){display:block}
@media(max-width:1050px){.journal-meta-grid{grid-template-columns:1fr 1fr}.journal-description-field{grid-column:1/-1}.journal-register-head,.journal-register-entry>summary{grid-template-columns:minmax(100px,.7fr) minmax(130px,.8fr) minmax(160px,1.2fr) minmax(100px,.7fr) minmax(90px,.6fr) minmax(90px,.6fr);gap:8px}.journal-bottom-row{align-items:stretch;flex-direction:column}.journal-total-cards{width:100%}.journal-total-cards article{flex:1}}
@media(max-width:720px){.journal-line-head{display:none}.journal-line-row{grid-template-columns:minmax(0,1fr) minmax(95px,.7fr) minmax(95px,.7fr) 32px;gap:6px;padding:8px}.journal-account-cell{grid-column:1/2}.journal-line-number{display:none}.journal-meta-grid{grid-template-columns:1fr}.journal-description-field{grid-column:auto}.journal-filter{grid-template-columns:1fr 1fr}.journal-search-field{grid-column:1/-1}.journal-filter .button{grid-column:1/-1}.journal-register-head{display:none}.journal-register-entry>summary{grid-template-columns:1fr 1fr;gap:7px 10px;padding:12px}.journal-register-entry>summary>*{min-width:0}.journal-entry-description{grid-column:1/-1;grid-row:2}.journal-entry-source{grid-column:2;grid-row:1}.journal-entry-ref{grid-column:1/-1}.journal-entry-amount{justify-self:start}.journal-bottom-row{padding-inline:14px}.journal-total-cards{grid-template-columns:1fr 1fr}.journal-total-cards article:last-child{grid-column:1/-1}.journal-submit-row{align-items:stretch;flex-direction:column}.journal-submit-row .button{width:100%}.journal-form-head{padding:17px}.journal-number-preview{display:none}.journal-meta-grid,.journal-lines-panel{padding-inline:14px}.journal-validation{margin-inline:14px}.journal-lines-title{align-items:flex-start}}

.pnl-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:16px}
.pnl-account-panel h4{padding:16px 20px;font-size:15px;background:#fff}
.pnl-account-panel .report-table-scroll{border:0;border-top:1px solid #e8e8e8;border-radius:0}
.pnl-account-panel .report-table-scroll .data-table{min-width:0;width:100%;font-size:12px}
.pnl-account-panel .report-table-scroll .data-table th{padding:12px 18px;font-size:11px;text-transform:none;letter-spacing:0;background:#f4f5f6;color:#767676}
.pnl-account-panel .report-table-scroll .data-table td{padding:12px 18px;font-size:12px}

/* Journal register: clear eye detail and audit-safe reversing action. */
.journal-register-head,.journal-register-row{display:grid;grid-template-columns:minmax(105px,.72fr) minmax(130px,.8fr) minmax(175px,1.2fr) minmax(105px,.75fr) minmax(90px,.6fr) minmax(90px,.6fr) minmax(130px,.8fr);gap:10px;align-items:center}
.journal-register-head{padding:8px 14px;color:#777;font-size:9px;font-weight:750;letter-spacing:.45px}
.journal-register-row{min-height:58px;padding:9px 14px;font-size:10px}
.journal-register-row:hover{background:#fcfcfc}
.journal-register-row>*{min-width:0}
.journal-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.journal-eye-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#111;font-size:19px;line-height:1}
.journal-eye-button svg{width:18px;height:18px;display:block}
.journal-eye-button:hover{background:#111;border-color:#111;color:#fff}
.journal-reverse-button{min-height:34px;padding:0 9px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#111;font-size:10px;font-weight:700;white-space:nowrap}
.journal-reverse-button:hover{background:#111;border-color:#111;color:#fff}
.journal-reverse-button:disabled{opacity:.65;cursor:wait}
.journal-entry-detail{padding:14px;border-top:1px solid #ededed;background:#fafafa}
.journal-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.journal-detail-meta>div{min-width:0;padding:10px 11px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}
.journal-detail-meta span,.journal-detail-meta strong,.journal-detail-narration>span{display:block}
.journal-detail-meta span,.journal-detail-narration>span{margin-bottom:5px;color:#777;font-size:9px;font-weight:750;letter-spacing:.3px;text-transform:uppercase}
.journal-detail-meta strong{overflow-wrap:anywhere;color:#171717;font-size:11px;font-weight:650}
.journal-detail-narration{padding:11px 12px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}
.journal-detail-narration p{margin:0;color:#222;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.journal-entry-detail .data-table{min-width:540px;margin-top:12px;background:#fff}
.journal-detail-totals{display:flex;justify-content:flex-end;gap:20px;padding:11px 2px 3px;color:#666;font-size:10px}
.journal-detail-totals span{display:grid;gap:4px}
.journal-detail-totals strong{color:#111;font-size:11px}
.journal-reversal-status{display:block;margin-top:9px;color:#52735a;font-size:10px;font-weight:700}
.journal-reversal-note{margin:12px 0 0;padding:10px 12px;border:1px solid #e7e7e7;border-radius:8px;background:#fff;color:#666;font-size:10px;line-height:1.5}
@media(max-width:1050px){.journal-register-head,.journal-register-row{grid-template-columns:minmax(96px,.7fr) minmax(110px,.8fr) minmax(140px,1.2fr) minmax(90px,.7fr) minmax(78px,.55fr) minmax(78px,.55fr) minmax(116px,.8fr);gap:7px}.journal-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px) and (min-width:721px){.journal-register-head{display:none}.journal-register-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:8px 10px;padding:12px}.journal-register-row .journal-entry-description{grid-column:1/-1}.journal-register-row .journal-entry-ref{grid-column:1/3}.journal-entry-actions{grid-column:3/5}}
@media(max-width:720px){.journal-register-head{display:none}.journal-register-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:12px}.journal-register-row .journal-entry-description,.journal-register-row .journal-entry-ref{grid-column:1/-1}.journal-register-row .journal-entry-amount{justify-self:start}.journal-entry-actions{grid-column:1/-1;justify-content:flex-start}.journal-detail-meta{grid-template-columns:1fr 1fr}.journal-detail-totals{justify-content:space-between;gap:9px;flex-wrap:wrap}.journal-entry-detail{padding:11px}}
@media(max-width:420px){.journal-detail-meta{grid-template-columns:1fr}.journal-reverse-button{flex:1}}
.pnl-account-panel .report-table-scroll .data-table td:first-child{width:72%}
.pnl-account-panel .report-table-scroll .data-table tr.statement-grand-total td{background:#fff;font-weight:800}
.pnl-account-link{max-width:100%;padding:0;border:0;background:none;color:#666666;text-align:left;font:inherit;line-height:1.45;cursor:pointer}
.pnl-account-link:hover,.pnl-account-link:focus-visible{color:#444444;text-decoration:underline;text-underline-offset:3px;outline:none}
.pnl-result{margin-top:16px;padding:16px 18px;font-size:12px}
.pnl-result strong{font-size:13px}
@media(max-width:650px){.pnl-columns{grid-template-columns:1fr;gap:14px}.pnl-account-panel .report-table-scroll .data-table th,.pnl-account-panel .report-table-scroll .data-table td{padding:10px 11px;font-size:11px}.pnl-result{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.pnl-result i{display:none}.pnl-result strong{justify-self:end}}

.report-subheading{margin:20px 0 8px;color:#222;font-size:14px;font-weight:750}
.report-summary-rows{width:100%;margin:0 0 16px;overflow:auto;border:1px solid #e6e6e6;border-radius:8px;background:#fff}
.report-summary-rows .data-table{width:100%;min-width:0}
.report-summary-rows .data-table th{padding:11px 14px;background:#f3f4f5;color:#707070;font-size:10px}
.report-summary-rows .data-table td{padding:11px 14px;font-size:12px}
.book-report-summary{padding:16px 20px 0}
.book-report-summary h3{margin:0 0 8px;color:#242424;font-size:14px;font-weight:750}
.book-report-summary .report-summary-rows{margin-bottom:0}
.book-report-summary .report-summary-rows .data-table{min-width:0}
@media(max-width:650px){.report-summary-rows .data-table th,.report-summary-rows .data-table td{padding:9px 10px;font-size:10px}.book-report-summary{padding:12px 12px 0}}
.report-section{width:100%;max-width:none}
.report-section .report-table-scroll .data-table th{padding:13px 16px;font-size:11px}
.report-section .report-table-scroll .data-table td{padding:13px 16px;font-size:13px;line-height:1.4}
.report-section .report-table-scroll .data-table td.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}
.report-section .report-summary-rows .data-table td{padding:13px 16px;font-size:13px}
.report-stacked-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.report-stacked-sections .statement-group{min-width:0}
.report-stacked-sections .report-table-scroll .data-table{min-width:0;width:100%}
.report-stacked-sections .statement-total{margin-top:0;border-radius:0 0 8px 8px}
@media(max-width:650px){.report-section .report-table-scroll .data-table th,.report-section .report-table-scroll .data-table td,.report-section .report-summary-rows .data-table td{padding:10px 11px;font-size:11px}}
.daily-register-grid{grid-template-columns:minmax(0,1fr);padding-top:10px}
.daily-register-table-wrap{margin-top:14px;border:1px solid #e6e6e6;border-radius:9px;background:#fff}
.daily-register-table{width:100%;min-width:680px}
.daily-register-table th{white-space:nowrap}
.daily-register-table td.numeric,.daily-register-table th.numeric{white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-register-table tbody tr:hover{background:#f7f8f8}
.daily-register-table tfoot th{padding:13px 10px;background:#f1f3f4;color:#151515;text-align:left}
.daily-register-table tfoot th.numeric{text-align:right}
.daily-register-action{text-align:center}
.daily-register-eye{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #d7dadd;border-radius:8px;background:#fff;color:#202326;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.daily-register-eye:hover,.daily-register-eye:focus-visible{border-color:#222;background:#f3f4f4;outline:none;transform:translateY(-1px)}
.daily-register-eye svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.daily-register-table-wrap{margin-top:10px}.daily-register-table{min-width:760px}}
.register-report-shortcut{display:inline-flex;align-items:center;gap:12px;background:#111!important;border-color:#111!important;color:#fff!important;white-space:nowrap}
.register-report-shortcut:hover{background:#303030!important;border-color:#303030!important}
.daily-register-view-tools{display:flex;justify-content:flex-start;margin:0 0 12px}
.daily-register-status{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #ddd;border-radius:999px;background:#f4f4f4;color:#333;font-size:10px;font-weight:700}
.daily-register-status.is-open{border-color:#cfe6d3;background:#eff8f0;color:#28643b}
.daily-register-status.is-closed{border-color:#e2e2e2;background:#f5f5f5;color:#444}
#page-reports.register-list-mode #register-report-open{display:none}
#page-reports.register-list-mode>.financial-report-launcher,
#page-reports.register-list-mode>.books-launcher,
#page-reports.register-list-mode>.register-report-action-row,
#page-reports.register-list-mode>#report-controls,
#page-reports.register-list-mode>#report-content{display:none}
#page-reports.register-list-mode>#daily-register-view{display:block}

.register-report-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 18px;border:1px solid #e7e7e7;border-radius:11px;background:#fff}
.register-report-action-row strong{display:block;color:#171717;font-size:13px;font-weight:750}
.register-report-action-row p{margin:5px 0 0;color:#777;font-size:11px;line-height:1.45}
.daily-register-table{min-width:920px}
@media(max-width:650px){.register-report-action-row{align-items:flex-start;padding:13px;flex-direction:column}.register-report-action-row .button{width:100%;justify-content:center}}

/* Keep the POS entry easy for cashiers to spot in the main navigation. */
.module-tab[data-module-page="pos"]{min-height:48px;padding:0 19px;gap:9px;border:1px solid #111;border-radius:9px;background:#111;color:#fff;font-size:13px;font-weight:800;box-shadow:0 2px 0 #c9c9c9}
.module-tab[data-module-page="pos"] .module-tab-icon{width:19px;height:19px;color:#fff;font-size:18px}
.module-tab[data-module-page="pos"]:hover,.module-tab[data-module-page="pos"].active{background:#292929!important;border-color:#111!important;color:#fff!important}
.module-tab[data-module-page="pos"]:hover .module-tab-icon,.module-tab[data-module-page="pos"].active .module-tab-icon{color:#fff!important}
@media(max-width:850px){.module-tab[data-module-page="pos"]{min-height:43px;padding:0 14px;gap:7px;font-size:12px}.module-tab[data-module-page="pos"] .module-tab-icon{width:17px;height:17px;font-size:16px}}
.stock-table-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.stock-table-tools select,.stock-table-tools input{min-width:150px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:12px}.stock-table-tools input{min-width:190px;flex:1}.stock-table-tools .table-total{margin-left:auto;white-space:nowrap}
@media(max-width:650px){.stock-table-tools{width:100%;justify-content:space-between}.stock-table-tools select,.stock-table-tools input{min-width:0;flex:1 1 44%}.stock-table-tools .table-total{flex:1 1 100%;text-align:right}}
.store-movement-available{display:block;margin-top:6px;color:#247247;font-size:12px;font-weight:700}


/* Staff and attendance workspace */
.staff-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin:-2px 0 17px}
.staff-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#777;padding:12px 15px;font-size:11px;font-weight:700;white-space:nowrap}
.staff-tab.active{color:#111;border-bottom-color:#111}
.staff-view{animation:fade .15s ease}
.attendance-controls{padding:14px 16px 11px}
.attendance-date-controls{display:grid;grid-template-columns:155px minmax(170px,1fr) minmax(135px,.8fr) minmax(200px,1.2fr) auto;gap:11px;align-items:end}
.attendance-date-controls .field-label,.attendance-date-controls .field{margin:0}
.attendance-rule{font-size:10px;color:#8d8d8d;line-height:1.5;margin:11px 0 0}
.attendance-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.attendance-metrics .metric-card{padding:13px 14px}
.attendance-metrics .metric-card>strong{font-size:23px}
.attendance-metrics .metric-top{margin-bottom:9px}
.attendance-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:14px;align-items:start}
.attendance-roster-panel,.attendance-entry-panel{min-width:0}
.attendance-entry-form{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}
.attendance-entry-form .field{margin:0 0 11px}
.attendance-note-field,.attendance-entry-actions{grid-column:1/-1}
.attendance-entry-actions,.staff-form-actions,.shift-form-actions{display:flex;gap:8px;align-items:center;margin-top:2px}
.attendance-entry-actions .button{flex:1}
.staff-table-scroll{width:100%;overflow:auto}
.attendance-roster-table{min-width:810px}
.attendance-detail-table{min-width:900px}
.attendance-row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.attendance-row-actions .button{padding:6px 9px;font-size:9px;white-space:nowrap}
.attendance-action{padding:6px 9px;font-size:9px;white-space:nowrap}
.attendance-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:99px;padding:5px 8px;background:#f0f0f0;color:#454545;font-size:9px;font-weight:750}
.attendance-status-present{background:#eaf2ec;color:#42704f}
.attendance-status-late{background:#fbf0df;color:#996423}
.attendance-status-half_day{background:#edf1f6;color:#4a6179}
.attendance-status-absent{background:#f8eae8;color:#a23c34}
.attendance-status-leave{background:#eeeafa;color:#655296}
.attendance-status-off{background:#f1f1f1;color:#666}
.attendance-status-not_marked{background:#fff5df;color:#8c651f}
.attendance-working-indicator{display:block;color:#686868;font-size:9px;font-weight:700;margin:4px 0 0}
.attendance-report-filter{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(200px,1.4fr) auto auto;gap:11px;align-items:end}
.attendance-report-filter .field{margin:0}
.attendance-report-summary{grid-template-columns:repeat(7,minmax(0,1fr));margin:15px 0}
.attendance-report-summary .report-stat{padding:13px}
.attendance-report-summary .report-stat strong{font-size:18px}
.staff-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px;align-items:end}
.staff-form-grid .field{margin:0 0 12px}
.staff-notes-field{grid-column:span 2}
.staff-form-actions{grid-column:1/-1}
.staff-archive-toggle{display:flex;align-items:center;gap:7px;color:#746e69;font-size:10px;white-space:nowrap}
.staff-archive-toggle input{accent-color:#111}
.shift-form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr auto;gap:11px;align-items:end}
.shift-form-grid .field{margin:0}
.shift-form-actions{align-self:end;white-space:nowrap}
.attendance-history-card{width:min(620px,100%)}
.attendance-history-list{display:grid;gap:8px}
.attendance-history-event{border:1px solid var(--line);border-radius:9px;padding:11px 12px}
.attendance-history-event>div{display:flex;justify-content:space-between;gap:10px}
.attendance-history-event strong{font-size:11px;text-transform:capitalize}
.attendance-history-event span,.attendance-history-event p{color:#888;font-size:10px}
.attendance-history-event p{margin:6px 0 0;line-height:1.5}
@media(max-width:1150px){.attendance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-workspace{grid-template-columns:1fr}.attendance-entry-form{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-note-field,.attendance-entry-actions{grid-column:span 3}.attendance-date-controls{grid-template-columns:1fr 1fr 1fr}.attendance-search{grid-column:span 2}.attendance-report-filter{grid-template-columns:minmax(220px,1fr) minmax(200px,1.2fr) auto auto}.attendance-report-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-form-actions{grid-column:span 3}}
@media(max-width:650px){.staff-tabs{margin:0 -14px 13px;padding:0 8px}.staff-tab{padding:11px 10px;font-size:10px}.attendance-date-controls{grid-template-columns:1fr 1fr;gap:9px}.attendance-date-controls .attendance-search{grid-column:1/-1}.attendance-date-controls>.button{grid-column:1/-1;width:100%}.attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attendance-metrics .metric-card{padding:11px}.attendance-metrics .metric-card>strong{font-size:20px}.attendance-entry-form{grid-template-columns:1fr 1fr;gap:0 9px}.attendance-note-field,.attendance-entry-actions{grid-column:1/-1}.attendance-report-filter{grid-template-columns:1fr 1fr}.attendance-report-filter .field:nth-child(3){grid-column:1/-1}.attendance-report-filter .button{width:100%}.attendance-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attendance-report-summary .report-stat{padding:11px}.attendance-report-summary .report-stat strong{font-size:17px}.staff-form-grid{grid-template-columns:1fr 1fr;gap:0 9px}.staff-notes-field{grid-column:1/-1}.staff-form-actions{grid-column:1/-1}.shift-form-grid{grid-template-columns:1fr 1fr}.shift-form-grid .field:first-of-type{grid-column:1/-1}.shift-form-actions{grid-column:1/-1}.shift-form-actions .button{flex:1}.staff-archive-toggle{font-size:9px}.panel-head:has(.staff-archive-toggle){align-items:flex-start;flex-direction:column}.attendance-roster-panel,.attendance-entry-panel{margin-bottom:11px}.attendance-history-event>div{flex-direction:column;gap:4px}}

@media(max-width:650px){.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{font-size:7px;padding-left:1px;padding-right:1px}.mobile-nav button span{font-size:14px}}


/* ERP-wide readability and clearer text hierarchy */
:root{--ink:#111;--muted:#4d4d4d}
body,.shell,.main,.page{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.45;color:#171717}
button,input,select,textarea{font-family:inherit;font-weight:500;color:#171717}
.page h1{font-family:"Segoe UI",Arial,sans-serif;font-size:30px;font-weight:750;letter-spacing:-.35px;color:#111}
h2,h3,h4{color:#111;font-weight:700}
strong,b{font-weight:750}
.page-heading .muted,.muted,.panel-head p,.report-section>p,.notice p,.accent-panel p,.small-copy,.attendance-rule{color:#505050;font-weight:500}
.eyebrow,.side-label{color:#444;font-weight:800}
.nav-item,.module-tab,.mobile-nav button{font-weight:650}
.button,.text-button,.report-tab,.staff-tab{font-weight:700}
.metric-top{color:#414141;font-weight:700}
.metric-card>strong,.report-stat strong,.settlement-total{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;color:#111}
.metric-card>small,.private-card small,.brand small,.order-sub,.cell-sub,.subtle,.form-error,.entry-ref,.ledger-entry small{color:#555;font-size:10px;font-weight:500}
.field>span,.field-label,.pos-field>span{color:#333;font-size:11px;font-weight:700}
.field input,.field select,.login-card input,.pos-field input,.pos-field select,.pos-modal-field input,.pos-modal-field select,textarea,select,input[type=search]{color:#171717;font-size:12px;font-weight:550}
.field input::placeholder,.field input::placeholder,.pos-search input::placeholder{color:#737373;opacity:1}
.data-table{font-size:12px}
.data-table th,.register-report-grid thead th{color:#333;font-size:10px;font-weight:800;letter-spacing:.45px}
.data-table td,.register-report-grid td,.register-value-row{color:#292929;font-weight:500}
.cell-main,.order-name,.inventory-summary strong,.table-total{color:#111;font-weight:750}
.cell-sub{color:#555;font-size:10px;font-weight:500}
.status-pill,.attendance-status,.daily-register-status{font-weight:750}
.date-chip,.live-badge,.crumb{color:#444;font-size:11px;font-weight:650}
.toast{font-size:12px;font-weight:650}
.pos-kicker,.pos-menu-count,.pos-item-count,.pos-ticket-meta,.pos-ticket-unit,.pos-kot-details,.pos-ticket-note,.pos-modal-head>div>p:last-child,.pos-table-legend,.pos-checkout-summary div{color:#444;font-weight:600}
.pos-product strong,.pos-ticket-line strong,.pos-kot-title,.pos-kot-total,.pos-total,.pos-save-kot,.pos-multiple-pay{font-weight:750}
.pos-product-name,.pos-ticket-line,.pos-kot-items,.pos-search-suggestion,.pos-modal-field>span{color:#222;font-weight:550}
.report-stat span{color:#454545;font-weight:700}

/* POS workstation layout: order lines on the left, compact menu on the right. */
.pos-layout{grid-template-columns:minmax(0,1.9fr) minmax(270px,.78fr);align-items:stretch}
.pos-ticket-panel{grid-column:1;grid-row:1;min-height:calc(100vh - 270px)}
.pos-menu-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:calc(100vh - 270px);max-height:calc(100vh - 270px);overflow:hidden;padding:12px}
.pos-menu-heading h2,.pos-ticket-heading h2{font-size:16px}
.pos-search{margin:9px 0 8px}
.pos-categories{margin-bottom:8px}
.pos-products{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow:auto;min-height:0;padding:1px 2px 1px 0}
.pos-product{min-height:76px;padding:9px}
.pos-ticket-items{flex:1;min-height:160px;max-height:none;overflow:auto}
.pos-ticket-row{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center;gap:12px;padding:12px 4px}
.pos-ticket-name{font-size:12px}
.pos-ticket-unit{font-size:10px}
.pos-ticket-actions{gap:8px}
.pos-ticket-actions button{width:27px;height:27px}
.pos-ticket-line-total{min-width:78px;font-size:11px}
@media(max-width:1050px){.pos-layout{grid-template-columns:minmax(0,1.5fr) minmax(255px,.85fr)}.pos-ticket-panel,.pos-menu-panel{min-height:calc(100vh - 260px)}.pos-menu-panel{max-height:calc(100vh - 260px)}}
@media(max-width:760px){.pos-layout{grid-template-columns:1fr}.pos-ticket-panel{grid-column:1;grid-row:1;min-height:420px}.pos-menu-panel{grid-column:1;grid-row:2;min-height:360px;max-height:62vh}.pos-ticket-items{min-height:150px}.pos-ticket-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px 1px}.pos-ticket-actions{gap:5px}.pos-ticket-actions button{width:24px;height:24px}.pos-ticket-line-total{min-width:62px}}

/* Legacy component treatments, neutralized for the Express brand. */
:root{--ink:#2f2f2f;--muted:#707070;--line:#e7e7e7;--paper:#f2f7fa;--surface:#fff;--brand:#7c7c7c;--brand-dark:#5c5c5c;--brand-soft:#f1f1f1;--green:#6c6c6c;--green-soft:#efefef;--sand:#aaaaaa;--accent-blue:#727272;--accent-purple:#676767;--accent-coral:#868686;--accent-sky:#8f8f8f;--shadow:0 8px 24px rgba(54,54,54,.075);color-scheme:light}
html,body,.shell,.main,.page{background:var(--paper)!important;color:var(--ink)}
.main{background:linear-gradient(145deg,#f4f8fb 0%,#eef7f7 55%,#f7f8fc 100%)!important}
.sidebar{background:linear-gradient(175deg,#343434 0%,#494949 55%,#626262 100%)!important;color:#fff!important;border-color:#424242!important;box-shadow:5px 0 24px rgba(50,50,50,.12)!important}
.brand{min-height:58px;margin:3px 2px 20px;padding:10px 12px!important;border:1px solid #ffffff80;border-radius:13px;background:#fff;box-shadow:0 8px 20px #25252530}
.side-label{color:#cacaca!important}
.nav-item{color:#eaeaea!important;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.nav-item:hover{background:#ffffff17!important;border-color:#ffffff20!important;color:#fff!important;transform:translateX(2px)}
.nav-item.active{background:linear-gradient(105deg,#939393,#a0a0a0)!important;border-color:#c6c6c6!important;color:#fff!important;box-shadow:0 7px 18px #25252542}
.nav-item.active .nav-icon{color:#fff!important}
.nav-icon{color:#cbcbcb}
.private-card{background:#ffffff15!important;border:1px solid #ffffff26!important;color:#fff!important;box-shadow:none!important}
.private-card strong{color:#fff!important}.private-card small{color:#dedede!important}
.status-dot,.live-badge b{background:#35d0a7!important;box-shadow:0 0 0 3px #35d0a72e!important}
.backup-link{color:#e5e5e5!important}.backup-link:hover{background:#ffffff15!important;color:#fff!important}
.topbar{background:#ffffffed!important;border-bottom-color:#e7e7e7!important;box-shadow:0 3px 14px #3636360a}
.sidebar-toggle{border:1px solid #e2e2e2!important;border-radius:9px!important;background:#fff!important;color:#575757!important}
.date-chip,.live-badge{background:#fff!important;border-color:#e7e7e7!important;color:#686868!important}
.module-nav{gap:5px}
.module-tab{color:#626262!important;border-radius:9px!important}
.module-tab:hover{background:#f4f4f4!important;color:#626262!important}
.module-tab.active{background:#f2f2f2!important;border-color:#e2e2e2!important;color:#5d5d5d!important}
.module-tab-icon{color:#7c7c7c!important}
.module-tab[data-module-page="pos"]{background:linear-gradient(115deg,#7d7d7d,#969696)!important;border-color:#767676!important;color:#fff!important;box-shadow:0 5px 14px #72727238!important}
.module-tab[data-module-page="pos"] .module-tab-icon{color:#fff!important}
.module-tab[data-module-page="pos"]:hover,.module-tab[data-module-page="pos"].active{background:linear-gradient(115deg,#626262,#7f7f7f)!important;color:#fff!important}
.page h1{color:#313131!important;font-weight:780!important}
.eyebrow{color:#737373!important}
.page-heading .muted,.muted{color:#707070!important}
.panel,.metric-card,.dashboard-wide-card,.dashboard-panel,.modal-card,.login-card,.pos-menu-panel,.pos-ticket-panel,.pos-running-view,.pos-modal-card,.private-card{background:#fff!important;color:var(--ink)!important;border-color:#e6e6e6!important;box-shadow:0 8px 24px rgba(60,60,60,.07)!important}
.panel,.metric-card,.dashboard-wide-card,.dashboard-panel,.pos-menu-panel,.pos-ticket-panel,.pos-kot-card{transition:box-shadow .18s,border-color .18s,transform .18s}
.panel:hover,.metric-card:hover,.dashboard-wide-card:hover,.dashboard-panel:hover{border-color:#dadada!important;box-shadow:0 12px 28px rgba(60,60,60,.11)!important;transform:translateY(-1px)}
.panel-head h2,.panel-head h3,.accent-panel h2{color:#363636!important}
.panel-head p{color:#777777!important}
.button.primary,.button.primary:hover,.pos-save-kot,.pos-save-kot:hover,.kot-button,.payment-button,.print-button{background:linear-gradient(110deg,#7c7c7c,#929292)!important;border-color:#7c7c7c!important;color:#fff!important;box-shadow:0 5px 13px #7c7c7c30!important}
.button.primary:hover,.pos-save-kot:hover{filter:brightness(.96);transform:translateY(-1px)}
.button.secondary,.button.secondary:hover,.draft-button{background:#fff!important;border-color:#dddddd!important;color:#494949!important;box-shadow:0 2px 5px #3737370a!important}
.button.secondary:hover,.draft-button:hover{background:#eff8fa!important;border-color:#b9b9b9!important;color:#626262!important}
.text-button,.backup-link,.report-tab.active,.mobile-nav button.active{color:#656565!important}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.pos-modal-field input:focus,.pos-modal-field select:focus{border-color:#8b8b8b!important;box-shadow:0 0 0 3px #86868620!important}
input[type=checkbox],input[type=radio]{accent-color:#7c7c7c!important}
.metric-card{border-top:3px solid #818181!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(1){border-top-color:#878787!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(2){border-top-color:#808080!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(3){border-top-color:#878787!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(4){border-top-color:#6e6e6e!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(5){border-top-color:#949494!important}
.metric-icon.rose{background:#f3f3f3!important;color:#858585!important}
.metric-icon.sand{background:#f6f6f6!important;color:#828282!important}
.metric-icon.green{background:#f2f2f2!important;color:#6c6c6c!important}
.metric-icon.dark{background:#f0f0f0!important;color:#727272!important}
.accent-icon{background:#f2f2f2!important;color:#707070!important}
#page-dashboard .dashboard-hero{background:linear-gradient(115deg,#4e4e4e 0%,#666666 43%,#868686 100%)!important;color:#fff!important}
#page-dashboard .dashboard-hero h1{color:#fff!important}
#page-dashboard .dashboard-hero .eyebrow{color:#e2e2e2!important}
#page-dashboard .dashboard-hero .muted{color:#eaeaea!important}
#page-dashboard .dashboard-hero:after{background:var(--paper)!important}
#page-dashboard .dashboard-hero>.button.primary,#page-dashboard .dashboard-hero>.button.primary:hover{background:#fff!important;border-color:#fff!important;color:#5e5e5e!important;box-shadow:0 5px 14px #32323235!important}
#page-dashboard .dashboard-wide-card:nth-child(1){background:linear-gradient(120deg,#fff,#f0fbf8)!important}
#page-dashboard .dashboard-wide-card:nth-child(2){background:linear-gradient(120deg,#fff,#f8f8f8)!important}
#page-dashboard .dashboard-wide-card:nth-child(1) strong{color:#707070!important}
#page-dashboard .dashboard-wide-card:nth-child(2) strong{color:#898989!important}
#page-dashboard .wide-icon{background:#f0f0f0!important;color:#6e6e6e!important}
#page-dashboard .dashboard-wide-card:nth-child(2) .wide-icon{background:#f2f2f2!important;color:#898989!important}
#page-dashboard .settlement-total{color:#696969!important}
.notice,.small-notice{background:linear-gradient(110deg,#f4f4f4,#f5f5f5)!important;border-color:#e3e3e3!important;color:#4d4d4d!important}
.notice>span{color:#a8a8a8!important}.notice p{color:#707070!important}
.accent-panel{background:linear-gradient(140deg,#effaf8,#f7f7f7)!important;border-color:#e5e5e5!important}
.data-table th,.register-report-grid thead th{background:#f2f2f2!important;color:#505050!important;border-color:#e4e4e4!important}
.data-table td,.cell-main,.register-report-grid td,.register-value-row,.register-value-row strong,.register-method>strong{color:#414141!important;border-color:#e7eef1!important}
.data-table tbody tr:hover,.register-report-grid tbody tr:hover{background:#f0faf9!important}
.report-tab{color:#767676!important}
.report-tab.active{background:#eef9f7!important;border-bottom-color:#7c7c7c!important;color:#5e5e5e!important}
.report-stat{background:linear-gradient(145deg,#fff,#f7fbfc)!important;border-color:#e6e6e6!important}
.report-stat:nth-child(4n+1){border-top:3px solid #878787!important}.report-stat:nth-child(4n+2){border-top:3px solid #808080!important}.report-stat:nth-child(4n+3){border-top:3px solid #a8a8a8!important}.report-stat:nth-child(4n){border-top:3px solid #676767!important}
.register-report-section-head{background:#f1f1f1!important;border-color:#e2e2e2!important}
.register-report-section-head h3{color:#5e5e5e!important}
.register-report-grid .register-grand-total th,.register-value-row.grand{background:linear-gradient(105deg,#616161,#7c7c7c)!important;color:#fff!important;border-color:#7c7c7c!important}
.register-report-grid .register-subtotal th,.register-value-row.platform{background:#f6f6f6!important;color:#525252!important}
.register-report-grid .register-paid-cell{background:#f3f3f3!important;color:#606060!important}
.status-pill,.attendance-status{background:#e4f5ec!important;color:#18734f!important}
.status-pill.refunded,.attendance-status-absent{background:#fff0ed!important;color:#b44e40!important}
.attendance-status-late,.attendance-status-not_marked{background:#fff5df!important;color:#946111!important}
.attendance-status-half_day{background:#eaf2ff!important;color:#3e68a0!important}
.attendance-status-leave{background:#f2edff!important;color:#6b50a1!important}
.attendance-status-off{background:#edf1f4!important;color:#566a77!important}
.stock-low,.form-error,.discount-offer-status.miss{color:#c55245!important}
.toast{background:#4e4e4e!important;color:#fff!important}.toast.error{background:#b84b44!important;color:#fff!important}
.pos-page .pos-page-head h1{color:#323232!important}
.pos-menu-panel,.pos-ticket-panel,.pos-running-view{border-top:3px solid #878787!important}
.pos-view-tabs{background:#eef7f8!important;border-color:#e4e4e4!important}
.pos-view-tabs button.active{background:#fff!important;color:#646464!important;box-shadow:0 2px 8px #5252521c!important}
.pos-category{background:#f0f6f8!important;color:#606060!important}
.pos-category.active{background:#eeeeee!important;color:#636363!important;border-color:#d1d1d1!important}
.pos-product{background:linear-gradient(160deg,#fff,#fbfdfe)!important;border-color:#e6e6e6!important;box-shadow:0 2px 8px #4646460b}
.pos-product:hover{background:#f0faf9!important;border-color:#ababab!important;box-shadow:0 6px 16px #7272721b}
.pos-add-mark{background:#f0f0f0!important;color:#656565!important}
.pos-product-price,.pos-ticket-meta b,.pos-kot-total{color:#626262!important}
.pos-table-select{border-color:#dedede!important;background:linear-gradient(115deg,#fff,#f4fbfb)!important}
.pos-table-legend .free,.pos-table-tile{background:#e4f7ee!important;border-color:#a8ddc0!important;color:#267550!important}
.pos-table-legend .busy,.pos-table-tile.occupied{background:#fff0eb!important;border-color:#efb6a9!important;color:#b64d42!important}
.pos-table-tile.selected{border:2px solid #2689bd!important;background:#e8f4ff!important;color:#236c9a!important}
#pos-multiple-pay{background:linear-gradient(110deg,#a5a5a5,#909090)!important;border-color:#999999!important;color:#fff!important;box-shadow:0 5px 14px #98989835!important}
#pos-multiple-pay:hover{filter:brightness(.96)}
.pos-order-actions button:hover{background:#f4f4f4!important;color:#626262!important}
.pos-payment-totals,.pos-checkout-summary{background:#f4f4f4!important;border-color:#e2e2e2!important;color:#565656!important}
.pos-summary-row.pos-grand-total{color:#353535!important}
.pos-summary-row.pos-grand-total strong{color:#636363!important}
.pos-modal-backdrop{background:rgba(38,38,38,.58)!important}
::selection{background:#dfdfdf!important;color:#343434!important}
@media(max-width:650px){.sidebar{background:linear-gradient(175deg,#343434,#626262)!important}.module-tab.active{background:#f2f2f2!important;color:#5d5d5d!important}.module-tab.active .module-tab-icon{color:#5d5d5d!important}}

/* Standalone supplier payments and credit control */
.supplier-layout{grid-template-columns:minmax(0,1fr);max-width:1100px}
.payments-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.payments-metrics .metric-card:nth-child(1){border-top:3px solid #a7a7a7!important}
.payments-metrics .metric-card:nth-child(2){border-top:3px solid #808080!important}
.payments-metrics .metric-card:nth-child(3){border-top:3px solid #888888!important}
.payments-metrics .metric-card:nth-child(4){border-top:3px solid #707070!important}
.payment-page-actions{display:flex;align-items:center;gap:8px}
.payments-workspace{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(0,1.35fr);gap:14px;align-items:start}
.payment-entry-panel{border-top:3px solid #898989!important}
.payment-entry-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:linear-gradient(140deg,#efefef,#efefef);color:#626262;font-size:20px;font-weight:800}
.payment-credit-note{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:11px 13px;border:1px solid #e4e4e4;border-radius:9px;background:linear-gradient(115deg,#effaf8,#f7f7f7)}
.payment-credit-note strong{color:#5a5a5a;font-size:11px}
.payment-credit-note span{color:#6d6d6d;font-size:10px;line-height:1.45}
.payment-form-grid{grid-template-columns:1fr 1fr;gap:12px}
.payment-notes-field{grid-column:1/-1}
.payment-form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding-top:12px;border-top:1px solid #e6eef1}
.payment-form-footer>span{color:#6d6d6d;font-size:10px;line-height:1.45}
.payment-form-footer .button{white-space:nowrap}
.payment-open-panel{min-width:0;border-top:3px solid #818181!important}
.payment-open-panel .panel-head{align-items:flex-start}
.open-bill-count{flex:0 0 auto;padding:6px 9px;border:1px solid #e0e0e0;border-radius:999px;background:#f5f5f5;color:#6a6a6a;font-size:10px;font-weight:750}
.payment-search{display:flex;align-items:center;gap:8px;height:37px;margin:0 0 11px;padding:0 10px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;color:#7c7c7c}
.payment-search>span{font-size:16px}.payment-search input{width:100%;height:33px;border:0;outline:0;background:transparent;color:#373737;font-size:11px}
.payment-table-scroll{width:100%;overflow:auto;overscroll-behavior-inline:contain;border:1px solid #e9e9e9;border-radius:9px;background:#fff}
.payment-table-scroll .data-table{min-width:850px}
.payment-open-table{min-width:790px!important}
.payment-open-table td,.payment-history-data td{padding:10px 9px}
.payment-open-table tbody tr:hover{background:#f1faf9}
.payment-open-table .supplier-balance,.payment-history-data .supplier-balance{color:#727272!important;font-weight:750}
.payment-open-table .small-button{padding:7px 12px}
.payment-history-panel{border-top:3px solid #707070!important}
.payment-history-heading{align-items:center}
.payment-history-filters{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(220px,1.1fr) minmax(220px,1.3fr);gap:10px;align-items:end;margin:0 0 10px;padding:13px;border:1px solid #ebebeb;border-radius:10px;background:#f7fafc}
.payment-history-filters .field{margin:0}
.payment-history-count{margin:0 0 9px;font-size:10px}
.payment-history-data{min-width:1050px!important}
.payment-entry-type{display:inline-flex;padding:5px 8px;border:1px solid #e5e5e5;border-radius:999px;background:#f4f4f4;color:#626262;font-size:9px;font-weight:750;white-space:nowrap}
.payment-entry-type.invoice{border-color:#e3e3e3;background:#f3f3f3;color:#646464}
.payment-amount{color:#6c6c6c!important;font-weight:800!important;font-variant-numeric:tabular-nums}
.payment-void-note{color:#636363!important}
@media(max-width:1050px){.payments-workspace{grid-template-columns:1fr}.payment-open-panel{order:2}.payment-entry-panel{order:1}.payments-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.payment-page-actions{flex-wrap:wrap;justify-content:flex-end}.payments-metrics{gap:8px}.payments-workspace{gap:10px}.payment-history-filters{grid-template-columns:1fr 1fr}.payment-history-search{grid-column:1/-1}.payment-form-footer{align-items:stretch;flex-direction:column}.payment-form-footer .button{width:100%}.payment-history-heading{align-items:flex-start;flex-direction:column}.payment-history-heading .button{width:100%}}
@media(max-width:520px){.payment-page-actions{width:100%;justify-content:flex-start}.payment-page-actions .button{flex:1;padding-inline:8px}.payment-form-grid{grid-template-columns:1fr}.payment-notes-field,.payment-form-footer{grid-column:auto}.payment-history-filters{grid-template-columns:1fr}.payment-history-search{grid-column:auto}.payments-metrics .metric-card{min-height:108px;padding:11px}.payments-metrics .metric-card>strong{font-size:17px}}
@media(max-width:650px){.mobile-nav{grid-template-columns:repeat(9,minmax(0,1fr))}.mobile-nav button{font-size:7px;padding-left:0;padding-right:0}.mobile-nav button span{font-size:13px}}

/* Supplier ledger payments: compact add-row entry with history tucked away */
.payment-ledger-panel{max-width:1500px;border-top:3px solid #898989!important}
.payment-ledger-panel .panel-head{margin-bottom:14px}
.payment-rows-head,.supplier-payment-row{display:grid;grid-template-columns:minmax(185px,1.25fr) minmax(125px,.8fr) minmax(145px,.9fr) minmax(155px,1fr) minmax(150px,1fr) 38px;gap:10px;align-items:end}
.payment-rows-head{padding:0 12px 8px;color:#6d6d6d;font-size:9px;font-weight:800;letter-spacing:.07em}
.supplier-payment-rows{display:flex;flex-direction:column;gap:9px}
.supplier-payment-row{padding:12px;border:1px solid #e6e6e6;border-radius:11px;background:linear-gradient(105deg,#fff 0%,#f7fbfc 100%)}
.supplier-payment-row .field{margin:0;min-width:0}
.supplier-payment-row .field>span{display:none}
.supplier-payment-row input,.supplier-payment-row select{height:41px;font-size:11px;font-weight:600}
.payment-remove-row{width:38px;height:40px;padding:0;color:#545454!important;font-size:19px}
.payment-row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid #e6eef0}
.payment-row-actions .button{min-width:145px}
.payment-history-details{margin-top:13px;overflow:hidden}
.payment-history-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:15px 18px}
.payment-history-summary::-webkit-details-marker{display:none}
.payment-history-summary>span:first-child{display:flex;flex-direction:column;gap:4px}
.payment-history-summary strong{font-size:14px;color:#343434}
.payment-history-summary small{font-size:10px;color:#7b7b7b}
.payment-history-summary .button{pointer-events:none}
.payment-history-details[open]>.payment-history-summary{border-bottom:1px solid #e5edf0;background:#f8fbfc}
.payment-history-content{padding:15px 18px 18px}
.payment-history-content>.panel-head{padding:0;border:0;background:transparent}
.payment-history-data{min-width:1050px!important}
.payment-history-data td{vertical-align:middle}
.payment-history-data .supplier-row-actions{display:flex;gap:6px}
.payment-void-badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#f3f3f3;color:#5e5e5e;font-size:9px;font-weight:800}
.payment-edit-dialog{width:min(540px,calc(100vw - 28px));max-width:540px;border:1px solid #e3e3e3;border-radius:16px;padding:0;box-shadow:0 24px 80px #33333338;color:#333333}
.payment-edit-dialog::backdrop{background:#28282877;backdrop-filter:blur(2px)}
.payment-edit-dialog form{padding:20px}
.payment-edit-dialog .panel-head{align-items:flex-start;margin-bottom:16px}
.payment-edit-dialog .field{margin-bottom:12px}
.payment-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid #e5edf0}
@media(max-width:1050px){.payment-rows-head,.supplier-payment-row{grid-template-columns:minmax(160px,1fr) minmax(120px,.7fr) minmax(130px,.8fr) minmax(140px,.9fr) minmax(130px,.8fr) 38px;gap:7px}.supplier-payment-row{padding:9px}}
@media(max-width:760px){.payment-rows-head{display:none}.supplier-payment-row{grid-template-columns:1fr 1fr;gap:9px}.supplier-payment-row .field>span{display:block}.payment-remove-row{grid-column:2;justify-self:end;width:auto;min-width:82px;height:35px}.payment-remove-row:after{content:"Remove";font-size:10px}.payment-row-actions{align-items:stretch}.payment-row-actions .button{flex:1;min-width:0}.payment-history-summary{align-items:flex-start}.payment-history-content{padding:12px}.payment-history-heading{align-items:flex-start;flex-direction:column}.payment-history-heading .button{width:100%}}
@media(max-width:500px){.payment-row-actions{flex-direction:column}.payment-row-actions .button{width:100%}.payment-history-summary{flex-direction:column}.payment-history-summary .button{width:100%;text-align:center}.payment-edit-grid{grid-template-columns:1fr}.payment-edit-actions .button{flex:1}}


/* Quick navigation between payments and journal entries */
.quick-module-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
@media(max-width:650px){.quick-module-actions{flex-direction:column;align-items:flex-end;gap:6px}.quick-module-actions .button{padding:8px 10px;font-size:9px}}

/* Restaurant operations control centre */
.restaurant-ops-page{max-width:none!important}
.ops-tabs{display:flex;gap:7px;overflow:auto;padding:4px 2px 12px;margin:0 0 14px;scrollbar-width:thin}
.ops-tabs button{flex:0 0 auto;padding:10px 13px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;color:#5b5b5b;font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.ops-tabs button.active{border-color:#939393;background:#f4f4f4;color:#606060;box-shadow:0 3px 10px #73737314}
.ops-panel{display:none}.ops-panel.active{display:block}
.ops-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;border:1px solid #e2e2e2;border-radius:14px;background:linear-gradient(105deg,#effaf7,#f5f8fc);margin-bottom:14px;color:#444444}
.ops-intro>div{min-width:0}.ops-intro p{margin:5px 0 0;color:#757575;font-size:12px}.ops-intro>small{flex:0 0 auto;color:#7b7b7b;font-size:10px}
.ops-live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#909090;box-shadow:0 0 0 4px #90909020}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ops-metric{position:relative;display:flex;flex-direction:column;gap:7px;min-height:112px;padding:15px 17px;border:1px solid #e7e7e7;border-radius:13px;background:#fff;box-shadow:0 4px 18px #32323208;overflow:hidden}
.ops-metric i{position:absolute;inset:0 auto 0 0;width:4px;background:var(--ops-accent)}.ops-metric span{font-size:11px;font-weight:700;color:#797979}.ops-metric strong{font-size:26px;line-height:1;color:#353535}.ops-metric small{font-size:10px;color:#8f8f8f}
.ops-overview-grid,.ops-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.ops-overview-grid .panel,.ops-two-column>.panel{min-width:0}
.ops-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:5px 0 13px}
.ops-section-head h2{margin:0 0 5px;color:#373737;font-size:19px}.ops-section-head p{margin:0;color:#828282;font-size:12px;line-height:1.5}
.ops-auto-refresh{padding:7px 10px;border:1px solid #e6e6e6;border-radius:999px;background:#f0faf7;color:#6d6d6d;font-size:10px;font-weight:700;white-space:nowrap}
.ops-kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ops-kitchen-card{display:flex;flex-direction:column;min-height:210px;border:1px solid #e5e5e5;border-radius:13px;background:#fff;box-shadow:0 5px 18px #3434340a;overflow:hidden}
.ops-kitchen-card>header{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;background:#f2faf8;border-bottom:1px solid #eaeaea}
.ops-kitchen-card>header>div{display:flex;flex-direction:column;gap:4px}.ops-kitchen-card>header strong{font-size:13px;color:#363636}.ops-kitchen-card>header span{font-size:10px;color:#828282;text-transform:capitalize}.ops-kitchen-card time{font-size:11px;font-weight:800;color:#777777;white-space:nowrap}
.ops-kitchen-card ul{flex:1;margin:0;padding:13px 17px 13px 34px;color:#434343;font-size:12px}.ops-kitchen-card li{padding:4px 0}.ops-kitchen-card li b{color:#7a7a7a}
.ops-kitchen-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;border-top:1px solid #edf1f2}.ops-kitchen-card footer>div{display:flex;gap:6px;align-items:center}.ops-kitchen-card select{max-width:105px;padding:7px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#4c4c4c;font-size:10px}
.ops-state{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #dce7ea;border-radius:999px;background:#f5f8f9;color:#59717a;font-size:9px;font-weight:800;text-transform:capitalize;white-space:nowrap}
.ops-state.active,.ops-state.served,.ops-state.delivered,.ops-state.matched{border-color:#c8e8dc;background:#eaf8f1;color:#13754e}.ops-state.preparing,.ops-state.confirmed,.ops-state.approved,.ops-state.partial,.ops-state.picked_up{border-color:#d5e7f5;background:#edf6ff;color:#3973a7}.ops-state.ready,.ops-state.soon{border-color:#f3dfbc;background:#fff7e9;color:#a96920}.ops-state.overdue,.ops-state.cancelled,.ops-state.inactive,.ops-state.void{border-color:#f1d3ce;background:#fff1ee;color:#ae4b42}
.ops-mini-list{display:flex;flex-direction:column}.ops-mini-list>div{display:grid;grid-template-columns:minmax(75px,.55fr) minmax(0,1.5fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f2}.ops-mini-list>div:last-child{border-bottom:0}.ops-mini-list strong{color:#424242;font-size:11px}.ops-mini-list span{overflow:hidden;color:#868686;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ops-empty{padding:18px 12px;color:#8e8e8e;text-align:center;font-size:12px}.ops-empty-large{grid-column:1/-1;padding:70px 18px;border:1px dashed #e2e2e2;border-radius:13px;background:#fff}
.ops-form{padding:17px!important}.ops-form h3,.ops-two-column .panel h3{margin:0 0 13px;color:#3f3f3f;font-size:14px}.ops-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.ops-fields .field{min-width:0;margin:0 0 11px}.ops-fields .field input,.ops-fields .field select,.ops-fields .field textarea{width:100%;min-width:0}.ops-wide{grid-column:1/-1}.ops-form-actions{display:flex;gap:8px;align-items:center;margin-top:4px;padding-top:12px;border-top:1px solid #eaf0f2}.ops-form-actions .button{min-width:115px}.ops-help,.ops-data-note p{font-size:10px;line-height:1.55;color:#838383}
.ops-inline-search{width:min(220px,40vw);padding:9px 10px;border:1px solid #e5e5e5;border-radius:8px;color:#434343;font-size:11px}
.ops-table-wrap{min-width:0}.ops-table-scroll{width:100%;overflow:auto}.ops-table-scroll .data-table{min-width:740px}.ops-table-scroll .data-table th{white-space:nowrap}.ops-table-scroll .data-table td{vertical-align:middle}.ops-actions{display:flex;gap:5px;white-space:nowrap}.ops-actions .small-button{padding:6px 8px;font-size:9px}.ops-actions .danger{color:#a7443e}.ops-denominations{margin:11px 0;padding:11px;border:1px solid #e2ebed;border-radius:10px;background:#f8fbfc}.ops-denominations summary{color:#5b5b5b;font-size:11px;font-weight:700;cursor:pointer}.ops-denom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.ops-denom-grid label{display:grid;gap:4px;color:#797979;font-size:9px}.ops-denom-grid input{width:100%;padding:7px;border:1px solid #e5e5e5;border-radius:7px}
.ops-cash-expected{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid #e8e8e8;border-radius:10px;background:#f0faf7;color:#6b6b6b;font-size:11px}.ops-cash-expected strong{color:#373737;font-size:12px;text-align:right}.ops-profit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.ops-profit-summary>div{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #e7e7e7;border-radius:11px;background:#fff}.ops-profit-summary span{color:#838383;font-size:10px}.ops-profit-summary strong{color:#3c3c3c;font-size:16px}.ops-inline-filters,.ops-fp-match-controls{display:flex;align-items:end;gap:10px;padding:13px;border:1px solid #e2eaed;border-radius:12px;background:#fff}.ops-inline-filters .field,.ops-fp-match-controls .field{min-width:150px;margin:0}.ops-matching-panel{margin-top:14px}.ops-fp-match-controls{flex-wrap:wrap;margin-bottom:12px}.ops-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ops-span-all{grid-column:1/-1}.ops-backup-card{padding:23px!important}.ops-backup-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:13px;border-radius:12px;background:#f4f4f4;color:#777777;font-size:23px;font-weight:800}.ops-backup-card h3{margin:0 0 7px;color:#3c3c3c}.ops-backup-card p{min-height:38px;color:#808080;font-size:11px;line-height:1.55}.ops-backup-card .field{margin:13px 0}.ops-data-note{margin-top:14px;padding:13px 16px;border:1px solid #e7e7e7;border-radius:10px;background:#fafafa}.ops-data-note strong{color:#5c5c5c;font-size:11px}.ops-data-note p{margin:5px 0 0}
.ops-user-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:12px;padding:13px;border:1px solid #eaeaea;border-radius:11px;background:#f8fbfc}.ops-user-form .field{min-width:0;margin:0}.ops-user-form .ops-form-actions{grid-column:1/-1;margin:0;padding-top:10px}.ops-user-form small{font-weight:400;color:#8e8e8e}.login-card .field-label span{font-size:10px;font-weight:500;color:#878787}
.pos-line-modifiers{display:block;margin-top:4px;padding:0;border:0;background:transparent;color:#747474;font-size:9px;font-weight:750;cursor:pointer}.pos-line-modifiers:hover{text-decoration:underline}.pos-modifier-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pos-modifier-options label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;cursor:pointer}.pos-modifier-options input{accent-color:#888888}.pos-modifier-options label>span{display:flex;flex-direction:column;gap:3px;min-width:0}.pos-modifier-options strong{color:#424242;font-size:11px}.pos-modifier-options small{color:#8e8e8e;font-size:9px}.pos-modifier-options b{color:#717171;font-size:10px;white-space:nowrap}
@media(max-width:1120px){.ops-kitchen-board{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-overview-grid,.ops-two-column{grid-template-columns:1fr}.ops-team-grid{grid-template-columns:1fr}.ops-span-all{grid-column:auto}}
@media(max-width:700px){.ops-metrics,.ops-profit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kitchen-board{grid-template-columns:1fr}.ops-intro{align-items:flex-start;flex-direction:column}.ops-fields{grid-template-columns:1fr}.ops-wide{grid-column:auto}.ops-inline-filters,.ops-fp-match-controls{align-items:stretch;flex-direction:column}.ops-inline-filters .field,.ops-fp-match-controls .field{width:100%}.ops-inline-filters .button,.ops-fp-match-controls .button{width:100%}.ops-mini-list>div{grid-template-columns:minmax(65px,.5fr) minmax(0,1.2fr);}.ops-mini-list .ops-state{grid-column:2;justify-self:start}.ops-tabs button{padding:9px 11px}.ops-form-actions{flex-wrap:wrap}.ops-form-actions .button{flex:1}}
@media(max-width:700px){.ops-user-form{grid-template-columns:1fr 1fr}}
 .ops-user-rights{grid-column:1/-1;margin:2px 0 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.ops-user-rights-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ops-user-rights-head>div:first-child{display:grid;gap:4px}.ops-user-rights-head strong{font-size:14px}.ops-user-rights-head small{color:var(--muted,#777);font-size:12px}.ops-user-rights-tools{display:flex;gap:6px;flex-wrap:wrap}.ops-user-module-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ops-user-module-group{min-width:0;margin:0;padding:10px 12px 12px;border:1px solid var(--line);border-radius:10px}.ops-user-module-group legend{padding:0 5px;font-size:11px;font-weight:700;color:var(--muted,#777)}.ops-user-module-group>div{display:grid;gap:8px}.ops-user-module-group label{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.ops-user-module-group input{accent-color:#c71920}.ops-user-form .ops-form-actions{grid-column:1/-1}
@media(max-width:700px){.ops-user-rights-head{align-items:flex-start;flex-direction:column}.ops-user-module-groups{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.pos-modifier-options{grid-template-columns:1fr}}

/* Purchase rate history and editable payroll detail */
.purchase-price-history-panel{margin-top:13px;overflow:hidden}
.purchase-price-history-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;padding:15px 18px}
.purchase-price-history-summary::-webkit-details-marker{display:none}
.purchase-price-history-summary>span:first-child{display:flex;flex-direction:column;gap:4px}
.purchase-price-history-summary strong{color:#343434;font-size:14px}
.purchase-price-history-summary small{color:#828282;font-size:10px}
.purchase-price-history-summary>.button{pointer-events:none}
.purchase-price-history-panel[open]>.purchase-price-history-summary{border-bottom:1px solid #e5edf0;background:#f8fbfc}
.purchase-price-history-panel[open],.payment-history-details[open]{overflow:visible}
.purchase-price-history-content{padding:15px 18px 18px}
.purchase-price-history-filters{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(170px,1fr) minmax(220px,1.25fr) auto auto;gap:10px;align-items:end;padding:13px;border:1px solid #e2eaed;border-radius:11px;background:#f8fbfc}
.purchase-price-history-filters .field{min-width:0;margin:0}
.purchase-price-history-filters .button{white-space:nowrap}
.ops-payroll-dialog{width:min(1250px,calc(100vw - 30px));max-width:1250px;max-height:90vh;border:1px solid #e3e3e3;border-radius:16px;padding:0;box-shadow:0 24px 80px #33333338;color:#333333}
.ops-payroll-dialog::backdrop{background:#28282877;backdrop-filter:blur(2px)}
.ops-payroll-dialog-card{padding:20px;overflow:auto}
.ops-payroll-dialog-card>.panel-head{align-items:flex-start;margin-bottom:15px}
.ops-payroll-dialog-card .data-table{min-width:900px}
.ops-payroll-input{width:110px;min-height:34px;padding:6px 8px;border:1px solid #e0e0e0;border-radius:7px;background:#fff;color:#424242;font:inherit;font-size:11px}
.ops-payroll-note{width:180px}
.ops-payroll-totals{display:flex;flex-wrap:wrap;gap:10px 22px;margin:13px 0;padding:12px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#f0faf7;color:#6d6d6d;font-size:11px}
.ops-payroll-totals span{display:flex;gap:7px;align-items:center}.ops-payroll-totals strong{color:#3b3b3b}
.ops-payroll-dialog-card>.ops-form-actions{justify-content:flex-end}
@media(max-width:1000px){.purchase-price-history-filters{grid-template-columns:1fr 1fr}.purchase-price-history-filters .button{width:100%}}
@media(max-width:600px){.purchase-price-history-summary{align-items:flex-start;flex-direction:column}.purchase-price-history-summary>.button{width:100%;text-align:center}.purchase-price-history-content{padding:12px}.purchase-price-history-filters{grid-template-columns:1fr}.ops-payroll-dialog-card{padding:14px}.ops-payroll-dialog-card>.ops-form-actions .button{flex:1}}

/* Local restaurant features: clear branch selection and add-on recipe entry */
.pos-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
.ops-addon-ingredients-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(110deg,#eff9f8,#f7fafb)}
.ops-addon-ingredients-head>div{display:grid;gap:4px}
.ops-addon-ingredients-head strong{color:var(--ink);font-size:13px;font-weight:800}
.ops-addon-ingredients{display:grid;gap:8px}
.ops-addon-ingredient-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(110px,.75fr) minmax(90px,.55fr) minmax(100px,.6fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.ops-addon-ingredient-row select,.ops-addon-ingredient-row input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:12px}
.ops-addon-ingredient-row [data-addon-yield]{text-align:right}
@media(max-width:1150px){.pos-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pos-controls{grid-template-columns:1fr 1fr}.ops-addon-ingredient-row{grid-template-columns:minmax(0,1fr) minmax(90px,.65fr)}.ops-addon-ingredient-row [data-addon-stock]{grid-column:1/-1}.ops-addon-ingredient-row [data-addon-remove]{grid-column:2;justify-self:end}}
@media(max-width:480px){.pos-controls{grid-template-columns:1fr}.ops-addon-ingredients-head{align-items:flex-start;flex-direction:column}.ops-addon-ingredient-row{grid-template-columns:1fr 1fr}.ops-addon-ingredient-row [data-addon-stock]{grid-column:1/-1}.ops-addon-ingredient-row [data-addon-remove]{grid-column:1/-1;width:100%}}

/* Keep sign-out visible in the global header on desktop, tablet, and cashier screens. */
.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #d9e0e2;border-radius:8px;background:#fff;color:#424242;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s}
.logout-button:hover{background:#f3f7f7;border-color:#c4c4c4}
.logout-button:disabled{opacity:.65;cursor:wait}
@media(max-width:850px){.top-actions{display:flex;margin-left:auto}.top-actions .date-chip,.top-actions .live-badge{display:none}.logout-button{min-height:33px;padding:0 9px;font-size:10px}}
@media(max-width:420px){.logout-button{min-height:30px;padding:0 7px;font-size:9px}}

.opening-balances-panel{margin:16px 0;border-color:#e1e1e1;background:#fff}
.opening-balances-head{align-items:flex-start}
.opening-balances-head h2{font-size:17px;margin:0 0 5px}
.opening-balance-toggle{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer;text-align:left}
.opening-balance-toggle span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:15px;transition:transform .18s ease,background .18s ease}
.opening-balance-toggle[aria-expanded="true"] span{transform:rotate(180deg);background:#f6f3ef}
.opening-balance-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.opening-balance-details{padding-top:14px;border-top:1px solid var(--line)}
.opening-balance-badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#faf8f6;color:#707070;padding:7px 10px;font-size:10px;font-weight:700}
.opening-balance-status{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#eef5f0;color:#4d7459;font-size:11px;line-height:1.5}
.opening-balance-status.is-locked{background:#f8eeeb;color:#984b40}
.opening-balance-section{margin-top:15px}
.opening-balance-section h3{font-size:12px;margin:0 0 4px}
.opening-balance-section>p{font-size:10px;color:var(--muted);margin:0 0 8px}
.opening-balance-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}
.opening-balance-table{min-width:540px}
.opening-balance-table td{vertical-align:middle}
.opening-balance-table input,.opening-balance-table select{height:34px;min-width:110px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:11px}
.opening-balance-table input{width:150px;text-align:right}
.opening-balance-table .numeric{text-align:right}
.opening-balance-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}
.opening-balance-footer p{max-width:660px;margin:0}
.opening-balance-footer button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:650px){.opening-balances-head{gap:10px;flex-direction:column}.opening-balance-actions{justify-content:flex-start}.opening-balance-footer{align-items:stretch;flex-direction:column}.opening-balance-footer .button{width:100%}.opening-balance-badge{font-size:9px;padding:6px 8px}.opening-balance-table input{width:125px}}
.pos-search-suggestion.is-active,.pos-search-suggestion.is-active:hover{outline:2px solid #747474;outline-offset:-2px;background-color:#edf8f7;color:#111}
/* Standalone customer book */
#nav{min-height:0;overflow-y:auto;scrollbar-width:thin}
.customers-page .page-heading{align-items:center}
.customers-page .ops-metrics{margin-bottom:12px}
.customer-module-help{margin:0 0 13px}
.customers-layout{grid-template-columns:minmax(285px,.72fr) minmax(0,1.65fr);align-items:start}
.customer-form{position:sticky;top:86px}
.customer-directory{min-width:0}
.customer-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:12px;margin-bottom:14px}
.customer-filters .field{min-width:0}
.customer-filters .ops-inline-search{width:100%;max-width:none}
.customer-directory .ops-table-scroll .data-table{min-width:950px}
.customer-contact{display:block;margin-top:3px;color:#8a8a8a;font-size:10px;font-weight:400}
@media(max-width:1120px){.customers-layout{grid-template-columns:1fr}.customer-form{position:static}}
@media(max-width:700px){.customer-filters{grid-template-columns:1fr}.customers-page .page-heading{align-items:flex-start}.customers-page .quick-module-actions{flex-wrap:wrap}}
@media(max-width:650px){.mobile-nav{display:flex!important;justify-content:flex-start;overflow-x:auto;gap:3px;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{flex:0 0 62px;font-size:8px}.mobile-nav button span{font-size:14px}}
.dashboard-analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:14px;margin-bottom:14px;align-items:start}
.dashboard-sales-chart-panel,.dashboard-month-card{min-width:0;margin-bottom:0;border-radius:14px;box-shadow:0 6px 20px rgba(64,64,64,.045)}
.dashboard-sales-svg{display:block;width:100%;height:auto;overflow:visible}
.dashboard-chart-gridline{stroke:#e7edef;stroke-width:1}
.dashboard-chart-ylabel,.dashboard-chart-xlabel{fill:#909090;font:10px Inter,Arial,sans-serif}
.dashboard-chart-unit{fill:#a6a6a6;font:700 9px Inter,Arial,sans-serif;letter-spacing:.7px}
.dashboard-chart-bar{fill:#878787;cursor:help;transition:fill .15s,opacity .15s}
.dashboard-chart-bar:hover{fill:#606060}
.dashboard-chart-note{margin:0 0 0 78px;color:#9d9d9d;font-size:9px}
.dashboard-chart-empty{min-height:185px;display:grid;place-items:center;color:#9d9d9d;font-size:11px}
.dashboard-day-amount-title{margin:6px 0 6px;color:#909090;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.dashboard-daily-sales-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;max-height:245px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}
.dashboard-day-amount-row{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:6px 8px;border:1px solid #edf1f1;border-radius:7px;background:#fff;color:#636363;font-size:9px}
.dashboard-day-amount-row strong{color:#4e4e4e;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dashboard-month-card{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(145deg,#fff,#f0faf8)!important}
.dashboard-month-card .panel-head{margin-bottom:21px}
.dashboard-month-list{display:grid;gap:5px}
.dashboard-month-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:6px 9px;border:1px solid #edf1f1;border-radius:8px;background:#fff;font-size:10px}
.dashboard-month-name{display:flex;align-items:center;gap:7px;color:#636363;font-weight:650}
.dashboard-month-name small{color:#9d9d9d;font-size:8px;font-weight:500}
.dashboard-month-row strong{color:#4e4e4e;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.dashboard-month-row.current{border-color:#cecece;background:#eff9f5}
.dashboard-month-row.current .dashboard-month-name,.dashboard-month-row.current strong{color:#707070}
.dashboard-month-row.upcoming{background:#fafbfb;color:#ababab}
.dashboard-month-row.upcoming .dashboard-month-name,.dashboard-month-row.upcoming strong{color:#ababab}
@media(max-width:900px){.dashboard-analytics-grid{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-analytics-grid{gap:8px;margin-bottom:8px}.dashboard-sales-chart-panel,.dashboard-month-card{padding:14px}.dashboard-chart-note{margin-left:55px;font-size:8px}.dashboard-chart-ylabel,.dashboard-chart-xlabel{font-size:9px}.dashboard-daily-sales-list{grid-template-columns:1fr;max-height:220px;gap:4px}.dashboard-month-row{gap:6px;padding:6px 7px}.dashboard-month-name{gap:5px}.dashboard-month-name small{font-size:7px}.dashboard-month-row strong{font-size:9px}}

/* Salt n Pepper Express: professional red, charcoal and white brand theme. */
:root{--ink:#232327;--muted:#68686f;--line:#e3e3e7;--paper:#f5f5f6;--surface:#fff;--brand:#d71920;--brand-dark:#b5111b;--brand-soft:#fff1f2;--green:#24744a;--green-soft:#eef8f0;--sand:#a56a11;--accent-blue:#303036;--accent-purple:#6b6b73;--accent-coral:#d71920;--accent-sky:#92929a;--shadow:0 4px 18px rgba(24,24,27,.045);--focus-ring:0 0 0 3px rgba(215,25,32,.13);color-scheme:light}
html,body,.shell,.main,.page{background:var(--paper)!important;color:var(--ink)}
.main{background:var(--paper)!important}
.sidebar{background:#1c1c20!important;border-color:#29292e!important;color:#fff!important;box-shadow:none!important}
.brand{background:#fff!important;border-color:#fff!important;box-shadow:none!important;border-radius:10px}
.side-label{color:#aaaab4!important;letter-spacing:1.3px}
.nav-item{color:#d7d7df!important;border-color:transparent!important;transition:background .15s,color .15s}
.nav-item:hover{background:#2b2b31!important;border-color:transparent!important;transform:none!important;color:#fff!important}
.nav-item.active{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:none!important;color:#fff!important}
.nav-icon{color:#aaaab4!important}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff!important}
.sidebar .private-card{background:#27272d!important;border-color:#3b3b43!important;box-shadow:none!important;color:#fff!important}
.sidebar .private-card strong{color:#f4f4f5!important}.sidebar .private-card small{color:#c4c4ce!important}
.sidebar .backup-link{color:#c4c4ce!important}.sidebar .backup-link:hover{background:#2b2b31!important;color:#fff!important}
.status-dot,.live-badge b,.ops-live-dot{background:#3ca56e!important;box-shadow:0 0 0 3px rgba(60,165,110,.13)!important}
.topbar{background:#fff!important;border-bottom-color:var(--line)!important;box-shadow:0 1px 4px rgba(24,24,27,.025)!important;backdrop-filter:none}
.sidebar-toggle,.logout-button,.date-chip,.live-badge{background:#fff!important;border-color:var(--line)!important;color:#52525b!important;box-shadow:none!important}
.sidebar-toggle:hover,.logout-button:hover{background:#f5f5f6!important;border-color:#bdbdc5!important}
.module-tab,.module-tab-icon{color:#5b5b64!important}.module-tab:hover{background:#f5f5f6!important;color:#232327!important}
.module-tab.active{background:var(--brand-soft)!important;border-color:#f1c3c7!important;color:var(--brand-dark)!important}
.module-tab.active .module-tab-icon{color:var(--brand-dark)!important}
.module-tab[data-module-page="pos"],.module-tab[data-module-page="pos"].active{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:none!important;color:#fff!important}
.module-tab[data-module-page="pos"]:hover{background:var(--brand-dark)!important;color:#fff!important}
.module-tab[data-module-page="pos"] .module-tab-icon{color:#fff!important}
.mobile-nav{background:#fff!important;border-color:var(--line)!important;box-shadow:0 -2px 14px rgba(24,24,27,.04)!important}
.mobile-nav button{color:#71717a!important}.mobile-nav button.active{color:var(--brand)!important;background:var(--brand-soft)!important}
.page h1,.pos-page .pos-page-head h1,.panel-head h2,.panel-head h3,.accent-panel h2,.ops-form h3,.ops-two-column .panel h3{color:#232327!important}
.eyebrow,.pos-kicker{color:#a21520!important}.muted,.page-heading .muted,.panel-head p{color:var(--muted)!important}
.cell-sub,.ops-help,.ops-metric small,.customer-contact,.pos-ticket-unit,.pos-kot-details,.pos-ticket-note,.pos-card-tip-help,.dashboard-chart-note,.dashboard-day-amount-title,.dashboard-month-name small,.dashboard-day-amount-row,.report-stat span,.metric-card small,.dashboard-wide-card small{color:#6d6d77!important}
.panel,.metric-card,.dashboard-wide-card,.dashboard-panel,.modal-card,.login-card,.pos-menu-panel,.pos-ticket-panel,.pos-running-view,.pos-modal-card{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}
.panel:hover,.metric-card:hover,.dashboard-wide-card:hover,.dashboard-panel:hover{border-color:#d3d3d9!important;box-shadow:0 5px 20px rgba(24,24,27,.055)!important;transform:none!important}
.button.primary,.button.primary:hover,.pos-save-kot,.pos-save-kot:hover,.kot-button,.payment-button,.print-button,.small-button.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:none!important;filter:none!important}
.button.primary:hover,.pos-save-kot:hover,.small-button.primary:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;transform:none!important}
.button.secondary,.button.secondary:hover,.draft-button,.draft-button:hover{background:#fff!important;border-color:#d4d4da!important;color:#35353c!important;box-shadow:none!important}
.button.secondary:hover,.draft-button:hover{background:#f7f7f8!important;border-color:#a8a8b2!important;color:#232327!important}
.text-button,.book-entry-reference,.register-reference-link,.purchase-ledger-ref,.supplier-ledger-reference{color:#a91520!important}
.button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.pos-modal-field input:focus,.pos-modal-field select:focus{border-color:#d71920!important;box-shadow:var(--focus-ring)!important;outline:none}
input[type=checkbox],input[type=radio],.pos-tip-payout input[type=checkbox]{accent-color:var(--brand)!important}
.metric-card{border-top-color:#d5d5db!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(1),.payments-metrics .metric-card:nth-child(1){border-top-color:var(--brand)!important}
#page-dashboard .dashboard-metrics .metric-card:nth-child(n+2),.payments-metrics .metric-card:nth-child(n+2){border-top-color:#b9b9c2!important}
.metric-icon.rose,.metric-icon.sand,.metric-icon.green,.metric-icon.dark,.accent-icon,.wide-icon,.payment-entry-mark,.ops-backup-icon{background:#f2f2f4!important;color:#4a4a53!important}
.dashboard-metrics .metric-card:first-child .metric-icon{background:var(--brand-soft)!important;color:var(--brand)!important}
#page-dashboard .dashboard-hero{background:#242428!important;border-top:3px solid var(--brand)!important;color:#fff!important;box-shadow:none!important}
#page-dashboard .dashboard-hero h1{color:#fff!important}
#page-dashboard .dashboard-hero .eyebrow{color:#ffb5ba!important}
#page-dashboard .dashboard-hero .muted{color:#d5d5dc!important}
#page-dashboard .dashboard-hero>.button.primary,#page-dashboard .dashboard-hero>.button.primary:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:none!important}
#page-dashboard .dashboard-wide-card:nth-child(n),.dashboard-month-card{background:#fff!important}
#page-dashboard .dashboard-wide-card:nth-child(n) strong,#page-dashboard .settlement-total,.dashboard-month-row strong,.dashboard-day-amount-row strong{color:#303036!important}
#page-dashboard .dashboard-wide-card:nth-child(n) .wide-icon{background:#f2f2f4!important;color:#4a4a53!important}
.dashboard-chart-bar{fill:var(--brand)}.dashboard-chart-bar:hover{fill:var(--brand-dark)}
.dashboard-chart-gridline{stroke:#e8e8ec}.dashboard-chart-xlabel,.dashboard-chart-ylabel{fill:#71717a}.dashboard-chart-unit{fill:#7b7b85}
.dashboard-month-row.current{background:var(--brand-soft);border-color:#efbfc4}
.dashboard-month-row.current .dashboard-month-name,.dashboard-month-row.current strong{color:#a91520!important}
.notice,.small-notice,.accent-panel,.ops-cash-expected,.ops-denominations,.payment-credit-note,.ops-user-form{background:#f7f7f8!important;border-color:var(--line)!important;color:#4c4c56!important}
.notice p,.payment-credit-note span,.payment-credit-note strong,.ops-cash-expected strong{color:#52525b!important}
.data-table th,.register-report-grid thead th,.pos-quotation-document th{background:#f4f4f6!important;border-color:var(--line)!important;color:#52525b!important}
.data-table td,.cell-main,.register-report-grid td,.register-value-row,.register-value-row strong,.register-method>strong{border-color:#e9e9ed!important;color:#303036!important}
.data-table tbody tr:hover,.register-report-grid tbody tr:hover{background:#fdf7f7!important}
.report-tab{color:#676770!important}
.report-tab.active{background:var(--brand-soft)!important;border-bottom-color:var(--brand)!important;color:#a91520!important}
.report-stat{background:#fff!important;border-color:var(--line)!important}
.report-stat:nth-child(n){border-top-color:#b9b9c2!important}.report-stat:first-child{border-top-color:var(--brand)!important}
.register-report-section-head{background:#f4f4f6!important;border-color:var(--line)!important}
.register-report-section-head h3{color:#35353c!important}
.register-report-grid .register-grand-total th,.register-value-row.grand{background:#303036!important;border-color:#303036!important;color:#fff!important}
.register-value-row.grand strong,.register-value-row.grand span,.register-value-row.grand button{color:#fff!important}
.register-report-grid .register-subtotal th,.register-value-row.platform{background:#f5f5f7!important;color:#35353c!important}
.register-report-grid .register-paid-cell{background:#f4f4f6!important;color:#232327!important}
.register-card-tip-note{color:#a91520}
.toast{background:#27272d!important;color:#fff!important}.toast.error{background:#b4232c!important;color:#fff!important}
.pos-menu-panel,.pos-ticket-panel,.pos-running-view{border-top-color:#d71920!important}
.pos-menu-heading,.pos-categories{flex-shrink:0}
.pos-view-tabs,.pos-categories{background:#f5f5f7!important;border-color:var(--line)!important}
.pos-view-tabs button{color:#676770!important}.pos-view-tabs button.active{background:#fff!important;color:#a91520!important;box-shadow:0 1px 4px rgba(24,24,27,.08)!important}
.pos-category{background:#f4f4f6!important;border-color:#e3e3e7!important;color:#52525b!important}
.pos-category.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.pos-product{background:#fff!important;border-color:var(--line)!important;box-shadow:none!important}
.pos-product:hover{background:#fff8f8!important;border-color:#e9979e!important;box-shadow:0 3px 10px rgba(215,25,32,.05)!important}
.pos-add-mark{background:var(--brand-soft)!important;color:var(--brand)!important}
.pos-product-price,.pos-ticket-meta b,.pos-kot-total,.pos-summary-row.pos-grand-total,.pos-summary-row.pos-grand-total strong{color:#25252a!important}
.pos-summary-heading button,.pos-line-modifiers,.pos-modifier-options b{color:#a91520!important}
.pos-table-select,.pos-payment-totals,.pos-checkout-summary,.pos-checkout-tip-summary,.pos-card-tip{background:#f7f7f8!important;border-color:var(--line)!important;color:#52525b!important}
.pos-checkout-tip-summary strong,.pos-card-charge strong{color:#a91520!important}
.pos-card-charge{border-color:var(--line);color:#52525b}.pos-card-tip-help,.pos-tip-payout{color:#52525b}
.pos-table-tile.selected{background:var(--brand-soft)!important;border-color:var(--brand)!important;color:#a91520!important;outline-color:var(--brand)!important}
#pos-multiple-pay,#pos-multiple-pay:hover{background:#303036!important;border-color:#303036!important;color:#fff!important;box-shadow:none!important;filter:none!important}
.pos-quotation,.pos-quotation:hover{background:#fff!important;border-color:#a8a8b2!important;color:#35353c!important}
.pos-quotation:hover{background:#f5f5f7!important}
.pos-quotation-actions button{border-color:#d9d9df!important;background:#fff!important;color:#35353c!important}
.pos-quotation-actions button:hover,.pos-order-actions button:hover{background:var(--brand-soft)!important;border-color:#edb1b7!important;color:#a91520!important}
.pos-quotation-actions button.danger{color:#b4232c!important;border-color:#efc5c9!important}
.pos-editing-quotation{background:var(--brand-soft)!important;border-color:#edb1b7!important;color:#a91520!important}
.pos-editing-quotation button{border-color:#edb1b7!important;color:#a91520!important;background:#fff!important}
.pos-search-suggestion.is-active,.pos-search-suggestion.is-active:hover{outline-color:var(--brand)!important;background:#fff1f2!important;color:#232327!important}
.pos-search-suggestion:hover,.pos-search-suggestion:focus{background:var(--brand-soft)!important}.pos-search-suggestion b{color:#a91520!important}
.ops-tabs,.purchase-tabs,.customer-tabs,.journal-tabs,.staff-tabs,.discount-tabs{border-color:var(--line)!important}
.ops-tabs button.active,.purchase-tab.active,.customer-tabs .active,.journal-tab.active,.staff-tab.active,.discount-tab.active{background:var(--brand-soft)!important;border-color:#efbfc4!important;color:#a91520!important;box-shadow:none!important}

/* New guest ordering, kitchen routing and insight views */
.guest-ordering-note{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin:0 0 16px;border:1px solid #f0d1d3;border-radius:12px;background:linear-gradient(110deg,#fff7f7,#fff);color:var(--ink,#29272a);font-size:12px;line-height:1.55}.guest-ordering-note strong{font-size:13px;color:#a91520}.guest-ordering-note span{color:#706b6e}.ops-kitchen-filter{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:700;color:#555}.ops-kitchen-filter select{min-width:180px;border:1px solid var(--line,#ddd);border-radius:9px;padding:9px 12px;background:#fff;font:inherit}.ops-kitchen-line{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f0ece9}.ops-kitchen-line>div{display:grid;gap:3px}.ops-kitchen-item-name{font-size:13px}.ops-kitchen-line small{font-size:10px;color:#777}.ops-kitchen-late{border-color:#e9a9ae;box-shadow:0 8px 20px #d7192013}.ops-kitchen-late header time{color:#a51621}.ops-kitchen-late header time em{display:block;font-style:normal;font-size:10px;font-weight:800;text-align:right;color:#bd1826}.ops-menu-station-table input{max-width:200px;min-width:140px;border:1px solid #ddd;border-radius:8px;padding:8px 10px;font:inherit}.guest-qr-section{margin-top:22px;padding:20px;background:#fff;border:1px solid #eee;border-radius:15px}.guest-qr-section>.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.guest-qr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guest-qr-card{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 8px;border:1px solid #ece8e6;border-radius:12px;background:#fff;text-align:center;break-inside:avoid}.guest-qr-card strong{font-size:12px}.guest-qr-card canvas{width:125px;height:125px;image-rendering:pixelated}.guest-qr-card a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#777}.ops-insights-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.ops-insights-grid>.ops-span-all{grid-column:1/-1}.ops-marketing-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:10px;background:#fbf7f3;color:#555;font-size:12px;line-height:1.45}.ops-marketing-consent input{accent-color:#c91f2d;margin-top:2px}.modern-loyalty-dialog{width:min(420px,calc(100vw - 28px));border:0;border-radius:16px;padding:22px;box-shadow:0 16px 60px #14101440}.modern-loyalty-dialog::backdrop{background:#15121799}.modern-loyalty-dialog>#modern-loyalty-qr{display:block;width:210px;height:210px;margin:18px auto;image-rendering:pixelated}.modern-loyalty-dialog .panel-head{align-items:flex-start}.ops-station-setup{margin-top:16px}
@media(max-width:760px){.guest-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-insights-grid{grid-template-columns:1fr}.ops-insights-grid>.ops-span-all{grid-column:auto}.guest-qr-section>.panel-head{align-items:flex-start;gap:12px;flex-direction:column}}
@media print{@page{size:A4;margin:10mm}body:has(#ops-guest-qr-section:not(.hidden)) *{visibility:hidden!important}body:has(#ops-guest-qr-section:not(.hidden)) #ops-guest-qr-section,body:has(#ops-guest-qr-section:not(.hidden)) #ops-guest-qr-section *{visibility:visible!important}body:has(#ops-guest-qr-section:not(.hidden)) #ops-guest-qr-section{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}.guest-qr-grid{grid-template-columns:repeat(4,1fr)!important;gap:5mm!important}.guest-qr-card{padding:3mm!important}.guest-qr-card canvas{width:31mm!important;height:31mm!important}.guest-qr-card a{font-size:7pt!important}.guest-qr-section>.panel-head button{display:none!important}body:has(#modern-loyalty-dialog[open])>*:not(#modern-loyalty-dialog){display:none!important}#modern-loyalty-dialog[open]{position:static!important;display:block!important;visibility:visible!important;border:1px solid #aaa!important;box-shadow:none!important;margin:25mm auto!important}#modern-loyalty-dialog[open] *{visibility:visible!important}#modern-loyalty-dialog .ops-form-actions,#modern-loyalty-dialog [data-loyalty-close]{display:none!important}}
.ops-intro{background:#303036!important;border-color:#303036!important;color:#fff!important}
.ops-intro p,.ops-intro>small{color:#ededf1!important}
.ops-metric{border-color:var(--line)!important;background:#fff!important;box-shadow:var(--shadow)!important}
.ops-metric strong{color:#303036!important}
.payment-open-table tbody tr:hover,.payment-history-summary,.payment-history-details[open]>.payment-history-summary,.purchase-price-history-summary,.supplier-payment-row,.payment-rows-head{background:#f7f7f8!important;border-color:var(--line)!important}
.open-bill-count,.payment-entry-type,.payment-history-count,.pos-menu-count,.pos-item-count{background:#f4f4f6!important;border-color:var(--line)!important;color:#52525b!important}
.payment-amount,.payment-open-table .supplier-balance,.payment-history-data .supplier-balance{color:#303036!important}
.payment-edit-dialog::backdrop,.ops-payroll-dialog::backdrop,.pos-modal-backdrop,.modal{background-color:rgba(18,18,21,.56)!important}
.status-pill,.attendance-status-present,.purchase-status-paid,.bank-match-badge.matched,.statement-status.is-ready,.journal-validation.balanced,.daily-register-status.is-open,.discount-offer-status.match,.ops-state.active,.ops-state.served,.ops-state.delivered,.ops-state.matched{background:#eef8f0!important;border-color:#c6dfcc!important;color:#246a3f!important}
.attendance-status-late,.attendance-status-not_marked,.purchase-status-part,.statement-status.is-review,.ops-state.ready,.ops-state.soon{background:#fff8e8!important;border-color:#ebd6a9!important;color:#8a5b0a!important}
.status-pill.refunded,.attendance-status-absent,.purchase-status-due,.bank-match-badge.mismatch,.journal-validation.error,.ops-state.overdue,.ops-state.cancelled,.ops-state.inactive,.ops-state.void{background:#fff1f2!important;border-color:#efc5c9!important;color:#b4232c!important}
.attendance-status-half_day,.attendance-status-leave,.attendance-status-off,.ops-state.preparing,.ops-state.confirmed,.ops-state.approved,.ops-state.partial,.ops-state.picked_up{background:#f2f2f5!important;border-color:#dddde3!important;color:#55555f!important}
.stock-low,.form-error,.discount-offer-status.miss{color:#b4232c!important}
.pos-table-legend .free,.pos-table-tile{background:#f0f8f2!important;border-color:#c6dfcc!important;color:#246a3f!important}
.pos-table-legend .busy,.pos-table-tile.occupied{background:#fff1f2!important;border-color:#efc5c9!important;color:#b4232c!important}
::selection{background:#f8ccd0!important;color:#5d1018!important}
@media print{
  body.register-print-mode .register-print-target,body.register-print-mode .register-print-target *{background:#fff!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;border-color:#bfbfbf!important}
  #pos-print-area,#pos-print-area *{background:#fff!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;border-color:#c6c6c6!important}
  .register-print-target .register-report-grid .register-grand-total th,.register-print-target .register-value-row.grand,.register-print-target .register-value-row.grand strong{background:#fff!important;color:#111!important;border-color:#a8a8a8!important}
}

/* POS thermal paper: 80 mm roll, 72 mm printable area. */
.pos-thermal-preview .pos-modal-card{width:min(420px,100%)}
.pos-thermal-preview #pos-print-area{box-sizing:border-box;width:80mm;max-width:100%;margin:0 auto;padding:4mm;border:1px solid #dfdfe3;border-radius:2px;background:#fff;color:#111;font:10pt/1.35 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pos-thermal-preview .pos-receipt-logo{width:50mm;max-width:100%;height:auto;margin:0 auto 2.5mm;filter:grayscale(1) contrast(3)}
.pos-thermal-preview #pos-print-area h3{margin:1.5mm 0;font-size:12pt;line-height:1.25;text-align:center;letter-spacing:.4px}
.pos-thermal-preview #pos-print-area p{margin:1mm 0;font-size:9pt;color:#222}
.pos-thermal-preview #pos-print-area header{padding-bottom:2mm;border-bottom:1px dashed #666;text-align:center}
.pos-thermal-preview #pos-print-area header>strong{display:block;font-size:10pt}
.pos-thermal-preview .pos-quotation-meta{display:block;margin:2mm 0;padding:1mm 0 2mm;border-bottom:1px dashed #999}
.pos-thermal-preview .pos-quotation-meta p{display:block;margin:.8mm 0}
.pos-thermal-preview .pos-quotation-meta span{font-size:9pt;color:#333}
.pos-thermal-preview .pos-quotation-meta span:after{content:": "}
.pos-thermal-preview .pos-quotation-meta strong{font-weight:600}
.pos-thermal-preview .pos-quotation-lines{overflow:visible}
.pos-thermal-items-head{display:grid;grid-template-columns:minmax(0,1fr) 25mm;gap:2mm;padding:1.5mm 0;border-bottom:1px dashed #888;font-size:8pt;font-weight:700}
.pos-thermal-items-head strong{text-align:right}
.pos-thermal-item{padding:1.5mm 0;border-bottom:1px dotted #bbb}
.pos-thermal-item-name{font-size:10pt;font-weight:600;overflow-wrap:anywhere}
.pos-thermal-item-name small{display:block;font-size:8.5pt;font-weight:400}
.pos-thermal-preview .pos-prebill-row,.pos-thermal-preview .pos-prebill-total{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30mm);gap:2mm;align-items:baseline;padding:1.3mm 0;font-size:9.5pt}
.pos-thermal-preview .pos-prebill-row>span,.pos-thermal-preview .pos-prebill-total>span{min-width:0;overflow-wrap:anywhere}
.pos-thermal-preview .pos-prebill-row>strong,.pos-thermal-preview .pos-prebill-total>strong{min-width:0;text-align:right;font-weight:700;overflow-wrap:anywhere}
.pos-thermal-preview .pos-thermal-item .pos-prebill-row{padding:.6mm 0 0;border:0;font-size:9pt}
.pos-thermal-preview .pos-quotation-totals{width:100%;margin:2mm 0 0}
.pos-thermal-preview .pos-prebill-total{margin-top:1mm;padding:2mm 0;border-top:1px solid #111;border-bottom:2px solid #111;font-size:11pt}
.pos-thermal-preview #pos-print-area .pos-quotation-document-note,.pos-thermal-preview #pos-print-area .pos-prebill-note,.pos-thermal-preview #pos-print-area .pos-receipt-thanks{margin:3mm 0 0!important;padding-top:2mm;border-top:1px dashed #777;font-size:8.5pt;text-align:center;color:#222!important}
@media print{
  body:not(.register-print-mode):has(>.pos-thermal-preview:not(.hidden))>:not(#pos-modal-backdrop){display:none!important}
  .pos-thermal-preview{position:static!important;display:block!important;padding:0!important;background:#fff!important}
  .pos-thermal-preview .pos-modal-card{width:72mm!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
  .pos-thermal-preview .pos-modal-head,.pos-thermal-preview .pos-modal-footer{display:none!important}
  .pos-thermal-preview #pos-print-area{position:static!important;width:72mm!important;max-width:72mm!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
  .pos-thermal-item,.pos-thermal-preview .pos-prebill-row,.pos-thermal-preview .pos-prebill-total{break-inside:avoid;page-break-inside:avoid}
}

/* Monthly bank report email setup. */
.bank-email-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:18px;border-top:3px solid var(--brand-primary,#d71920)}
.bank-email-intro h2{margin:4px 0 10px;font-size:26px}.bank-email-intro p:not(.eyebrow){max-width:720px;margin-bottom:0;line-height:1.6;color:#60606a}
.bank-email-schedule{flex:0 0 240px;display:grid;gap:10px;text-align:right}.bank-email-schedule small{color:#666;line-height:1.6}.bank-email-schedule strong{color:#202026}
.bank-email-badge{display:inline-block;justify-self:end;border:1px solid #dedee3;background:#f5f5f6;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;color:#5d5d65}.bank-email-badge.is-enabled{background:#fff0f1;border-color:#f2c4c7;color:#b7141b}
.bank-email-message:empty{display:none}.bank-email-message{padding:13px 16px;margin-bottom:16px;border:1px solid #dedee3;border-radius:10px;background:#fafafa;color:#333;line-height:1.55}.bank-email-message.is-error{background:#fff2f2;border-color:#edc9cb;color:#a71821}
.bank-email-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.bank-email-columns>.panel{min-width:0}
.bank-email-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.bank-email-wide{grid-column:1/-1}.bank-email-fields .field small{color:#74747e;font-size:12px;line-height:1.5}.bank-email-fields input,.bank-email-fields select{min-width:0;width:100%}
.bank-email-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;color:#52525c;cursor:pointer}.bank-email-check input[type="checkbox"]{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:#d71920}
.bank-email-recipients{display:grid;gap:16px}.bank-email-recipient{padding:16px;border:1px solid #e6e6eb;border-radius:11px;background:#fff}.bank-email-recipient-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.bank-email-recipient-head strong{overflow-wrap:anywhere;font-size:15px}.bank-email-recipient .field input{width:100%;min-width:0}
.bank-email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.bank-email-actions small{font-size:12px;color:#74747e;max-width:230px;line-height:1.5}
.bank-email-enable-panel{margin:20px 0}.bank-email-enable{font-size:15px;color:#25252d;align-items:flex-start}.bank-email-enable input[type="checkbox"]{margin-top:3px}.bank-email-enable strong,.bank-email-enable small{display:block}.bank-email-enable small{font-size:12px;font-weight:400;margin-top:4px;color:#73737c}.bank-email-enable-panel>p{font-size:13px;line-height:1.7;color:#696972;max-width:1000px;margin:14px 0 0}
.bank-email-warnings{font-size:12px;color:#6a6a74;line-height:1.6}.bank-email-warnings p{margin:0 0 12px}.bank-email-history-table{min-width:800px}.bank-email-history-table td{vertical-align:top}.bank-email-history-table .cell-sub{max-width:400px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.bank-email-delivery-status{display:inline-flex;padding:5px 9px;border:1px solid #dedee4;background:#f6f6f8;border-radius:20px;white-space:nowrap;font-size:11px;font-weight:700}.bank-email-delivery-status.status-sent{color:#206244;background:#eef8f1;border-color:#d2e9da}.bank-email-delivery-status.status-failed,.bank-email-delivery-status.status-uncertain{color:#9f1e28;background:#fff0f1;border-color:#efccd0}
@media(max-width:1000px){.bank-email-columns{grid-template-columns:1fr}.bank-email-schedule{flex-basis:210px}}
@media(max-width:650px){.bank-email-intro{display:grid;gap:20px}.bank-email-intro h2{font-size:23px}.bank-email-schedule{text-align:left;justify-items:start}.bank-email-badge{justify-self:start}.bank-email-fields{grid-template-columns:1fr}.bank-email-wide{grid-column:auto}.bank-email-recipient-head{align-items:flex-start;flex-direction:column}.bank-email-actions{align-items:stretch;flex-direction:column}.bank-email-actions .button{width:100%}.bank-email-actions small{max-width:none}.discount-tabs{overflow:auto;max-width:100%}.discount-tabs .purchase-tab{flex-shrink:0}}
.purchase-invoice-card{width:min(850px,96vw);max-height:90vh;overflow:auto}.purchase-invoice-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:15px;background:#f7f7f8;border:1px solid var(--line);border-radius:10px}.purchase-invoice-meta div{display:grid;gap:4px}.purchase-invoice-meta span{font-size:10px;color:#777}.purchase-invoice-meta strong{font-size:12px;overflow-wrap:anywhere}.purchase-invoice-totals{width:min(360px,100%);margin:16px 0 0 auto}.purchase-invoice-totals p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:7px 0;border-bottom:1px solid var(--line)}.purchase-invoice-notes{margin:14px 0;padding:10px;background:#fafafa;border-radius:8px}.purchase-invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.purchase-invoice-print #purchase-invoice-modal{display:block!important;position:static!important;background:#fff!important;overflow:visible!important;padding:0!important}.purchase-invoice-print #purchase-invoice-modal .purchase-invoice-card{width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;box-shadow:none!important}.purchase-invoice-print #purchase-invoice-modal .purchase-invoice-actions,.purchase-invoice-print #purchase-invoice-modal .icon-button{display:none!important}.purchase-invoice-print body>*:not(#purchase-invoice-modal){display:none!important}@media print{body.purchase-invoice-print>*:not(#purchase-invoice-modal){display:none!important}body.purchase-invoice-print #purchase-invoice-modal{display:block!important}}
@media(max-width:640px){.purchase-invoice-meta{grid-template-columns:1fr 1fr}.purchase-invoice-actions .button{flex:1}}

.guest-order-inbox{background:#fff;border:1px solid #f0c5c8;border-left:4px solid #d71920;border-radius:12px;padding:16px 18px;margin:0 0 17px;box-shadow:0 5px 20px #2314190c}.guest-inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.guest-inbox-heading h2{font-size:16px;margin:0 0 5px}.guest-inbox-heading p:last-child{font-size:11px;color:#777;margin:0}.guest-order-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#d71920;color:#fff;font-size:11px;vertical-align:middle;margin-left:4px}.guest-order-inbox-list{display:grid;gap:9px}.guest-inbox-empty{padding:13px;border:1px dashed #dedede;border-radius:9px;color:#858585;font-size:12px}.guest-inbox-card{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(250px,1.6fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #eee4e3;border-radius:10px;background:#fffafa}.guest-inbox-card.new-order{animation:guest-order-arrive .55s ease-out}.guest-inbox-card>div:first-child strong{display:block;font-size:13px}.guest-inbox-card>div:first-child span,.guest-inbox-items{display:block;color:#777;font-size:10px;margin-top:4px}.guest-inbox-items{line-height:1.5}.guest-inbox-actions{display:flex;gap:7px;justify-content:flex-end}.guest-inbox-actions .small-button{white-space:nowrap}.guest-inbox-actions .small-button.decline{border-color:#f0d0d0;color:#a72d36;background:#fff}.guest-alerts-on{border-color:#2c7a4b!important;color:#24663d!important}.guest-inbox-bell{display:inline-block;margin-right:5px}@keyframes guest-order-arrive{0%{box-shadow:0 0 0 5px #d7192030}100%{box-shadow:none}}@media(max-width:760px){.guest-inbox-heading{align-items:flex-start;flex-direction:column}.guest-inbox-card{grid-template-columns:1fr;gap:9px}.guest-inbox-actions{justify-content:flex-start}.guest-order-inbox{padding:13px}}
.guest-inbox-delivery{grid-column:1/-1;display:grid;gap:4px;padding:9px 11px;border:1px solid #f0d6d8;border-radius:8px;background:#fff;color:#5c5052;font-size:11px;line-height:1.45}.guest-inbox-delivery b{color:#9d202b}

/* Shared two-month date-range picker for filters and date-period fields. */
.date-range-box.shared-date-range-picker{display:block;position:relative;min-width:0;min-inline-size:0;margin:0;padding:7px 10px 10px;border:1px solid #dfe5e4;border-radius:10px;background:#fff}
.date-range-box.shared-date-range-picker legend{padding:0 6px;margin-left:3px;color:#707575;font-size:9px;font-weight:750;letter-spacing:.03em}
.bank-date-range-boundary-actions{display:flex;gap:8px;margin:0 0 6px}.bank-date-range-boundary-actions .text-button{padding:4px 6px;font-size:10px}
.date-range-box.shared-date-range-picker>.date-range-native-field{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.date-range-box.shared-date-range-picker>.date-range-native-field input[type=date]{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.ops-fields>.date-range-box,.form-grid>.date-range-box{grid-column:1/-1}
.customer-ledger-filter{grid-template-columns:minmax(170px,1fr) minmax(300px,2fr) auto}
.ops-inline-filters>.date-range-box,.ops-fp-match-controls>.date-range-box{flex:1 1 320px}
@media(max-width:800px){.date-range-box{grid-column:1/-1}.customer-ledger-filter{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}}
@media(max-width:520px){.customer-ledger-filter{grid-template-columns:1fr}.date-range-box.shared-date-range-picker{padding-inline:8px}.bank-date-range-popover{left:0;padding:9px;width:calc(100vw - 28px)}.bank-date-range-months{gap:7px}.bank-date-range-toolbar>span{font-size:9px}.bank-range-month h3{font-size:10px}.bank-range-weekdays span{font-size:8px}.bank-range-day{font-size:9px}}

.sales-report-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}
.sales-report-panel .report-table-scroll{overflow:auto}
.sales-report-table{min-width:1120px}
.sales-report-actions{white-space:nowrap}
.sales-report-action{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 9px;color:var(--ink);font-weight:650;cursor:pointer;margin-right:5px}
.sales-report-action.danger{color:#a1322a;border-color:#ebd2d0}
.sales-report-action:disabled{opacity:.45;cursor:not-allowed}
.sales-report-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}
.sales-report-status.is-posted{background:#e9f5ec;color:#267342}
.sales-report-status.is-voided{background:#f4e9e8;color:#984138}
.sales-report-detail{margin-top:5px;font-size:11px}
.sales-report-detail summary{color:var(--brand);cursor:pointer}
.sales-report-detail-body{min-width:230px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;white-space:normal}
.sales-report-detail-body p{margin:4px 0 8px;max-width:420px}
.sales-report-guardrail{margin:10px 0}
.sales-edit-dialog{width:min(560px,calc(100vw - 24px));border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;color:var(--ink);box-shadow:0 22px 70px #0003}
.sales-edit-dialog::backdrop{background:#14141466}
.sales-edit-dialog form{display:grid;gap:15px}
.sales-edit-dialog .panel-head{align-items:flex-start}
.sales-edit-dialog .panel-head h2{margin:0 0 5px}
.sales-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sales-edit-wide{grid-column:1/-1}
@media(max-width:650px){.sales-report-summary{grid-template-columns:1fr 1fr}.sales-edit-fields{grid-template-columns:1fr}.sales-edit-wide{grid-column:auto}.sales-edit-dialog{padding:15px}}

.pos-guest-inbox-actions{display:flex;gap:9px;flex-wrap:wrap;margin:-5px 0 14px}.pos-guest-inbox-actions .button{display:inline-flex;align-items:center;gap:7px}.pos-guest-inbox-actions .button.is-active{border-color:var(--brand,#b51f2a);background:#fff5f5;color:var(--brand,#b51f2a)}.guest-inbox-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.guest-order-live-timer{display:inline-flex!important;align-items:center;width:max-content;margin-top:6px!important;padding:4px 8px;border:1px solid #efdedb;border-radius:999px;background:#fff;color:#932934!important;font-size:10px!important;font-weight:750;font-variant-numeric:tabular-nums}.guest-order-inbox[hidden],.guest-feedback-alerts[hidden]{display:none!important}@media(max-width:760px){.pos-guest-inbox-actions{width:100%}.pos-guest-inbox-actions .button{flex:1;justify-content:center}.guest-inbox-heading-actions{width:100%}.guest-inbox-heading-actions .button{flex:1}}
.guest-feedback-alerts{margin-top:10px}.guest-feedback-alert-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e8b8b3;border-radius:11px;background:#fffafa}.guest-feedback-alert-card>div{display:grid;gap:4px}.guest-feedback-alert-card strong{font-size:13px;color:#8e202a}.guest-feedback-alert-card span,.guest-feedback-manager-notice{font-size:12px;color:#6e6263}.guest-feedback-alert-card .small-button{flex:none}@media(max-width:620px){.guest-feedback-alert-card{align-items:flex-start;flex-direction:column}}
@media(max-width:1100px){.purchase-return-fields{grid-template-columns:1fr 1fr}.purchase-return-fields .field:first-child{grid-column:1/-1}}
@media(max-width:520px){.purchase-return-fields,.purchase-return-bottom{grid-template-columns:1fr}.purchase-return-fields .field:first-child{grid-column:auto}}


/* Reports page: one report selector, clear period controls, and grouped secondary books. */
#page-reports .page-heading{margin-bottom:20px}
#page-reports .report-controls{padding:0;margin:0 0 16px;overflow:hidden;border-color:#e5e1dc}
.report-controls-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:19px 20px 16px;border-bottom:1px solid #ece8e3;background:#fff}
.report-controls-heading>div:first-child{min-width:200px}
.report-controls-heading h2{margin:0 0 5px;color:#302b29;font-size:16px;font-weight:700}
.report-controls-heading p:not(.eyebrow){margin:0;color:#85817e;font-size:11px;line-height:1.45}
.report-controls-heading .eyebrow{margin-bottom:6px}
#page-reports .report-dates{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) auto;align-items:end;gap:10px;padding:0}
#page-reports .report-dates .field{min-width:0}
#page-reports #run-report{min-height:38px;white-space:nowrap}
.report-tab-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:22px;padding:15px 20px 18px;background:#fbfaf8}
.report-tab-group{min-width:0}
.report-group-label{display:block;margin:0 0 8px;color:#85817e;font-size:9px;font-weight:800;letter-spacing:1px}
#page-reports .report-tabs{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;border:0}
#page-reports .report-tab{padding:8px 10px;border:1px solid #e4e0da!important;border-bottom:1px solid #e4e0da!important;border-radius:7px;background:#fff!important;color:#595550!important;font-size:10px;line-height:1.25}
#page-reports .report-tab:hover{border-color:#aaa!important;background:#f7f6f4!important}
#page-reports .report-tab.active{border-color:#c9c4bd!important;border-bottom-color:#c9c4bd!important;background:#eceae7!important;color:#252321!important;box-shadow:inset 0 0 0 1px #d7d3ce}
#page-reports .register-report-action-row{margin-bottom:16px}
.books-launcher{padding:0;overflow:hidden}
.books-launcher-summary{display:flex;align-items:center;gap:12px;min-height:76px;padding:15px 19px;list-style:none;cursor:pointer}
.books-launcher-summary::-webkit-details-marker{display:none}
.books-summary-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #e4e0da;border-radius:10px;background:#f7f6f4;color:#444;font-size:18px}
.books-summary-copy{display:grid;gap:4px;min-width:0;flex:1}
.books-summary-copy strong{color:#302b29;font-size:13px;font-weight:750}
.books-summary-copy small{color:#85817e;font-size:11px;line-height:1.4}
.books-summary-action{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #e5e1dc;border-radius:8px;background:#fff;color:#65615c;font-size:10px;font-weight:700;white-space:nowrap}
.books-summary-action b{font-size:15px;line-height:1;transition:transform .15s}
.books-launcher[open] .books-summary-action b{transform:rotate(45deg)}
.books-launcher[open] .books-launcher-summary{border-bottom:1px solid #ece8e3}
.books-report-catalog{padding:0 19px 18px}
.books-report-group{padding-top:15px;margin-top:2px;border-top:1px solid #efede9}
.books-report-group h3{margin:0 0 10px;color:#77726d;font-size:10px;font-weight:800;letter-spacing:.75px;text-transform:uppercase}
.books-report-group .books-reports-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0}
.books-report-group .books-report-card{min-height:64px}
@media(max-width:900px){
 .report-controls-heading{align-items:stretch;flex-direction:column;gap:15px}
 .report-tab-groups{grid-template-columns:1fr;gap:15px}
 .books-report-group .books-reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #page-reports .report-dates{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-reports #run-report{grid-column:1/-1;width:100%}
 .report-controls-heading{padding:16px}
 .report-tab-groups{padding:14px 16px 16px}
 .books-launcher-summary{align-items:flex-start;padding:14px}
 .books-summary-action{margin-left:auto}
 .books-report-catalog{padding:0 13px 14px}
 .books-report-group .books-reports-grid{grid-template-columns:1fr}
 .books-report-group .books-report-card{min-height:60px}
 .books-report-copy strong,.books-report-copy small{white-space:normal}
}


/* Keep the shared two-month date picker visible and give it room in Reports. */
#page-reports .report-controls{overflow:visible}
#page-reports .report-dates{grid-template-columns:minmax(280px,1fr) auto}
#page-reports .report-dates>.date-range-box{width:100%;min-width:0;align-self:end}
#page-reports .report-dates .bank-date-range-popover{z-index:120}
@media(max-width:650px){
 #page-reports .report-dates{grid-template-columns:minmax(0,1fr) auto}
 #page-reports .report-dates>.date-range-box{min-width:0;width:100%}
 #page-reports .report-dates #run-report{grid-column:auto;width:auto}
}
/* Reports library and saved-source reporting workspace */
#reports-v2{display:grid;gap:24px}
.reports-page-heading{margin:0}
.reports-section-heading,.reports-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}
.reports-section-heading h2,.reports-catalog-heading h2{margin:2px 0 4px;font-size:20px;letter-spacing:-.025em}
.reports-section-heading p,.reports-catalog-heading p{margin:0;color:var(--muted,#727985)}
.owner-report-highlights{padding:21px;border:1px solid #e8e9ec;border-radius:20px;background:linear-gradient(130deg,#fff 8%,#fff8f4 100%)}
.owner-report-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.owner-report-card{position:relative;display:flex;min-height:132px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:17px;border:1px solid #e9e2df;border-radius:16px;background:#fff;color:#25252a;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.owner-report-card:hover{transform:translateY(-2px);border-color:#f3a089;box-shadow:0 10px 24px #33201812}
.owner-report-card>span:first-child{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#fff0eb;color:#c74b36;font-size:18px}
.owner-report-card strong{font-size:14px;line-height:1.35}
.owner-report-card small{color:#777b83;font-size:11px}
.reports-catalog-heading{margin-bottom:0}
.reports-count{padding:8px 11px;border:1px solid #ececef;border-radius:99px;background:#fff;color:#555b64;font-size:12px;white-space:nowrap}
.report-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.report-category-box{overflow:hidden;border:1px solid #e7e8eb;border-radius:16px;background:#fff;box-shadow:0 4px 14px #20202a05}
.report-category-box[open]{border-color:#f0b4a1;box-shadow:0 8px 24px #4b24100b}
.report-category-box>summary{display:flex;min-height:68px;align-items:center;gap:13px;padding:13px 17px;cursor:pointer;list-style:none}
.report-category-box>summary::-webkit-details-marker{display:none}
.report-category-number{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px;background:#fff0eb;color:#c74b36;font-size:12px;font-weight:800}
.report-category-copy{display:grid;gap:3px;flex:1}
.report-category-copy strong{font-size:15px}
.report-category-copy small{color:#80838b;font-size:12px}
.report-category-chevron{color:#a64231;font-size:20px;transition:transform .15s ease}
.report-category-box[open] .report-category-chevron{transform:rotate(180deg)}
.report-category-items{display:grid;border-top:1px solid #f0f0f2}
.report-catalog-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 17px;border:0;border-bottom:1px solid #f1f1f3;background:#fff;color:#25252a;text-align:left;cursor:pointer}
.report-catalog-item:last-child{border-bottom:0}
.report-catalog-item:hover{background:#fff8f5}
.report-catalog-item>span:first-child{display:grid;gap:4px}
.report-catalog-item strong{font-size:13px;font-weight:700}
.report-catalog-item small{color:#7f8289;font-size:11px;line-height:1.45}
.report-catalog-item>span:last-child{color:#ba4b36;font-size:18px}
.report-workspace{display:grid;gap:16px;padding:22px;border:1px solid #e4e5e8;border-radius:19px;background:#fff;box-shadow:0 10px 30px #20202a08;scroll-margin-top:22px}
.report-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.report-workspace-heading h2{margin:5px 0;font-size:23px;letter-spacing:-.03em}
.report-workspace-heading .eyebrow{margin:6px 0;color:#b34b36;font-size:10px;font-weight:800;letter-spacing:.14em}
.report-export-actions{display:flex;flex-wrap:wrap;gap:7px}
.report-filter-panel{padding:15px;border:1px solid #eeedef;border-radius:15px;background:#faf9f8}
.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));align-items:end;gap:12px}
.report-filter-grid>.field{min-width:0;margin:0}
.report-filter-grid>.date-range-box{grid-column:span 2}
.report-filter-grid .field>span{font-size:11px}
.report-filter-grid input,.report-filter-grid select{min-height:41px}
.report-filter-search{grid-column:span 2}
.report-run-button{min-height:42px}
.report-applied-filters{margin-top:9px;color:#747780;font-size:11px}
.report-generated-at{color:#7b7e86;font-size:11px}
.report-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.report-summary-card{display:grid;gap:7px;padding:14px 15px;border:1px solid #ececef;border-radius:14px;background:#fff}
.report-summary-card span{color:#737780;font-size:11px}
.report-summary-card strong{font-size:20px;letter-spacing:-.02em}
.report-comparison{padding:15px;border:1px solid #e9e7e4;border-radius:15px;background:#fcfaf8}
.report-comparison-heading{margin-bottom:12px}
.report-comparison-heading>div{display:grid;gap:4px}
.report-comparison-heading strong{font-size:13px}
.report-comparison-heading small{color:#777b82;font-size:11px}
.report-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}
.report-comparison-grid article{display:grid;gap:5px;padding:11px;border-radius:11px;background:white}
.report-comparison-grid article>span,.report-comparison-grid article small{color:#737780;font-size:10px}
.report-comparison-grid article>strong{font-size:16px}
.report-comparison-grid .positive{color:#218455}
.report-comparison-grid .negative{color:#ba3f3f}
.report-comparison-grid .neutral{color:#777b82}
.report-source-note{margin:0;padding:12px 14px;border-left:3px solid #d9875c;border-radius:0 10px 10px 0;background:#fff8f3;color:#5e5b58;font-size:12px;line-height:1.55}
.report-table-scroll{width:100%;overflow:auto;border:1px solid #ececef;border-radius:13px}
.report-data-table{min-width:650px;margin:0}
.report-data-table th{white-space:nowrap}
.report-data-table td{max-width:390px}
.report-data-table tfoot td{border-top:2px solid #26262b;background:#faf6f3;font-weight:800}
.report-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#737780;font-size:12px}
.report-pagination>div{display:flex;align-items:center;gap:9px}
.sales-report-row-actions{display:flex;gap:5px;white-space:nowrap}
.report-email-dialog{width:min(480px,calc(100vw - 30px));padding:23px;border:1px solid #e5e5e8;border-radius:18px;box-shadow:0 24px 90px #17171733}
.report-email-dialog::backdrop{background:#14141977;backdrop-filter:blur(3px)}
.report-email-dialog form{display:grid;gap:15px}
.report-email-note,.report-email-status{margin:0;color:#737780;font-size:12px;line-height:1.5}
.report-email-status:empty{display:none}
.reports-register-shortcut{margin-top:0}

/* Source modules needed by inventory and purchasing reports */
.store-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.stock-count-module,.purchase-order-panel{display:grid;gap:16px}
.stock-count-top-fields,.purchase-order-panel .purchase-header-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.stock-count-top-fields .field,.purchase-order-notes{margin:0}
.stock-count-lines{display:grid;max-height:560px;overflow:auto;border:1px solid #ececef;border-radius:12px}
.stock-count-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) minmax(180px,1.1fr);align-items:center;gap:14px;padding:9px 13px;border-bottom:1px solid #f0f0f2}
.stock-count-line:last-child{border-bottom:0}
.stock-count-line-head{position:sticky;top:0;z-index:1;background:#f7f6f5;color:#6f7279;font-size:10px;font-weight:800;letter-spacing:.06em}
.stock-count-line>span:first-child{display:grid;gap:3px}
.stock-count-line small{color:#7e8289;font-size:10px}
.stock-count-line input{width:min(170px,100%);min-height:37px}
.stock-count-expected{color:#555b63;font-size:12px;font-variant-numeric:tabular-nums}
.stock-count-line>span:last-child{display:flex;align-items:center;gap:7px}
.stock-count-history{display:grid;gap:10px}
.stock-count-history h3{margin:0;font-size:15px}
.purchase-order-notes{display:block;max-width:600px}
.purchase-order-line{grid-template-columns:minmax(160px,2fr) minmax(90px,1fr) minmax(130px,1fr) minmax(105px,1fr) 36px}
.purchase-order-line select{min-width:0}
.purchase-order-line .purchase-line-remove{margin-left:auto}
.purchase-order-panel .purchase-submit-row .subtle strong{display:block;margin-top:3px;color:#24242a}

@media(max-width:1100px){
  .owner-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-filter-grid>.date-range-box{grid-column:span 2}
}
@media(max-width:700px){
  #reports-v2{gap:17px}
  .owner-report-highlights,.report-workspace{padding:15px}
  .owner-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .owner-report-card{min-height:115px;padding:12px}
  .owner-report-card strong{font-size:12px}
  .report-catalog{grid-template-columns:1fr}
  .reports-section-heading,.reports-catalog-heading{align-items:flex-start}
  .report-workspace-heading{display:grid}
  .report-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-export-actions .button{width:100%}
  .report-filter-grid{grid-template-columns:1fr}
  .report-filter-grid>.date-range-box,.report-filter-search{grid-column:auto}
  .report-filter-grid>.date-range-box{grid-column:auto}
  .report-pagination{align-items:flex-start;flex-direction:column}
  .stock-count-top-fields,.purchase-order-panel .purchase-header-fields{grid-template-columns:1fr}
  .stock-count-line{grid-template-columns:minmax(110px,1fr) minmax(88px,.75fr) minmax(130px,1fr);gap:7px;padding:8px}
  .stock-count-line-head{font-size:8px}
  .store-create-form{grid-template-columns:1fr}
  .purchase-order-line{grid-template-columns:minmax(135px,1fr) 80px 110px 90px 30px;gap:6px;min-width:530px}
}
@media print{
  body.catalog-print-mode{background:white!important}
  body.catalog-print-mode #app-shell{display:block!important}
  body.catalog-print-mode .page:not(#page-reports),body.catalog-print-mode .sidebar,body.catalog-print-mode .topbar,body.catalog-print-mode .mobile-nav{display:none!important}
  body.catalog-print-mode .main{width:100%!important;margin:0!important;padding:0!important}
  body.catalog-print-mode #page-reports{display:block!important;padding:0!important}
  body.catalog-print-mode #reports-v2> :not(#report-workspace){display:none!important}
  body.catalog-print-mode #report-workspace{display:grid!important;padding:0;border:0;box-shadow:none}
  body.catalog-print-mode #report-workspace>.report-workspace-heading .text-button,body.catalog-print-mode .report-filter-panel,body.catalog-print-mode .report-export-actions,body.catalog-print-mode #report-pagination{display:none!important}
  body.catalog-print-mode .report-table-scroll{overflow:visible;border:0}
  body.catalog-print-mode .report-data-table{min-width:0;font-size:9px}
  body.catalog-print-mode .report-data-table th,body.catalog-print-mode .report-data-table td{padding:5px 6px;white-space:normal}
  body.catalog-print-mode .report-source-note,body.catalog-print-mode .report-comparison,body.catalog-print-mode .report-summary-card{break-inside:avoid}
}

/* Modern, colorful service tickets for POS running orders and kitchen display. */
.pos-running-grid{gap:14px}
.pos-running-grid .pos-kot-card{--ticket-accent:#c91f2d;--ticket-soft:#fff0f1;position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:visible;border:1px solid #e6e2e3;border-top:4px solid var(--ticket-accent);border-radius:15px;background:linear-gradient(145deg,#fff 0%,#fff 72%,var(--ticket-soft) 100%);box-shadow:0 7px 20px rgba(41,28,30,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pos-running-grid .pos-kot-card:nth-child(4n+2){--ticket-accent:#2677b8;--ticket-soft:#edf7ff}
.pos-running-grid .pos-kot-card:nth-child(4n+3){--ticket-accent:#14845f;--ticket-soft:#edfaf4}
.pos-running-grid .pos-kot-card:nth-child(4n){--ticket-accent:#a66a0a;--ticket-soft:#fff7e8}
.pos-running-grid .pos-kot-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ticket-accent) 30%,#e6e2e3);box-shadow:0 13px 28px rgba(41,28,30,.13)}
.pos-running-grid .pos-kot-head{align-items:flex-start;gap:9px;padding:14px 14px 11px;border-bottom:1px solid color-mix(in srgb,var(--ticket-accent) 14%,#eee);border-radius:11px 11px 0 0;background:linear-gradient(115deg,var(--ticket-soft),#fff 78%)}
.pos-running-grid .pos-kot-head>div:first-child{flex:1;min-width:0}
.pos-running-grid .pos-kot-title{display:inline-flex;max-width:100%;padding:6px 9px;border:1px solid color-mix(in srgb,var(--ticket-accent) 18%,#fff);border-radius:9px;background:#fff;color:var(--ticket-accent)!important;font-size:12px;font-weight:850;line-height:1.3;overflow-wrap:anywhere}
.pos-running-grid .pos-kot-head .pos-kot-details{gap:5px;margin:9px 0 0}
.pos-running-grid .pos-kot-details span{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border:1px solid #e9e9ec;border-radius:999px;background:#fff;color:#555560!important;font-size:9px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.pos-running-grid .pos-kot-head .pos-kot-total{flex:0 0 auto;margin:2px 3px 0 0;padding:7px 9px;border:1px solid color-mix(in srgb,var(--ticket-accent) 18%,#fff);border-radius:10px;background:#fff;color:var(--ticket-accent)!important;font-size:13px;font-weight:850;box-shadow:0 3px 9px color-mix(in srgb,var(--ticket-accent) 10%,transparent)}
.pos-running-grid .pos-order-menu summary{width:32px;height:32px;border:1px solid #e4e4e8;border-radius:10px;background:#fff;color:#41414a;box-shadow:0 2px 6px #18181b0a}
.pos-running-grid .pos-order-menu summary:hover{border-color:var(--ticket-accent);color:var(--ticket-accent)}
.pos-running-grid .pos-order-actions{top:38px;border-color:#e5e5ea;border-radius:11px;box-shadow:0 12px 28px #18181b24}
.pos-running-grid .pos-order-actions button{border-radius:7px}
.pos-running-grid .pos-kot-items{position:relative;margin:0;padding:12px 14px 13px;border-top:0;border-bottom:1px solid #f0eef0;background:#fff;color:#363640;font-size:11px;font-weight:650;line-height:1.65;overflow-wrap:anywhere}
.pos-running-grid .pos-kot-items:before{display:block;margin-bottom:5px;color:var(--ticket-accent);content:"ORDER ITEMS";font-size:8px;font-weight:850;letter-spacing:.11em}
.pos-running-grid>.pos-kot-card>.pos-kot-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:11px 13px 13px}
.pos-running-grid>.pos-kot-card>.pos-kot-details span{min-width:0;justify-content:space-between;padding:6px 8px;border-color:#eeedf0;border-radius:8px;background:#fff;color:#565660!important;font-size:9px;font-weight:700}
.ops-kitchen-board{gap:14px}
.ops-kitchen-card{--kitchen-accent:#bd7210;--kitchen-soft:#fff6e6;position:relative;min-height:225px;border:1px solid #e7e4e7;border-top:4px solid var(--kitchen-accent);border-radius:15px;background:linear-gradient(150deg,#fff 0%,#fff 72%,var(--kitchen-soft) 100%);box-shadow:0 7px 20px rgba(41,28,30,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ops-kitchen-card:has(.ops-state.preparing){--kitchen-accent:#2677b8;--kitchen-soft:#edf7ff}
.ops-kitchen-card:has(.ops-state.ready){--kitchen-accent:#14845f;--kitchen-soft:#edfaf4}
.ops-kitchen-card:has(.ops-state.served){--kitchen-accent:#6d5aa5;--kitchen-soft:#f4f0ff}
.ops-kitchen-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--kitchen-accent) 30%,#e7e4e7);box-shadow:0 13px 28px rgba(41,28,30,.13)}
.ops-kitchen-card>header{align-items:flex-start;padding:14px 14px 12px;border-bottom:1px solid color-mix(in srgb,var(--kitchen-accent) 14%,#eee);background:linear-gradient(115deg,var(--kitchen-soft),#fff 80%)}
.ops-kitchen-card>header>div{min-width:0}
.ops-kitchen-card>header strong{display:inline-flex;width:fit-content;max-width:100%;padding:6px 9px;border:1px solid color-mix(in srgb,var(--kitchen-accent) 18%,#fff);border-radius:9px;background:#fff;color:var(--kitchen-accent);font-size:13px;font-weight:850;overflow-wrap:anywhere}
.ops-kitchen-card>header span{display:inline-flex;align-self:flex-start;margin-top:5px;padding:4px 7px;border:1px solid #e9e9ec;border-radius:999px;background:#fff;color:#555560;font-size:9px;font-weight:650}
.ops-kitchen-card time{flex:0 0 auto;padding:7px 9px;border:1px solid color-mix(in srgb,var(--kitchen-accent) 18%,#fff);border-radius:10px;background:#fff;color:var(--kitchen-accent);font-size:11px;font-weight:850;box-shadow:0 3px 9px color-mix(in srgb,var(--kitchen-accent) 10%,transparent)}
.ops-kitchen-card time small{display:block;margin-top:4px;color:#73737d;font-size:8px;font-weight:700;text-align:right}
.ops-kitchen-card ul{list-style:none;display:grid;align-content:start;gap:5px;margin:0;padding:12px 14px;color:#34343c;font-size:12px}
.ops-kitchen-card li{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #f0eef0;border-radius:8px;background:#fff;line-height:1.35;overflow-wrap:anywhere}
.ops-kitchen-card li b{display:inline-grid;min-width:31px;min-height:25px;place-items:center;padding:2px 5px;border-radius:7px;background:var(--kitchen-soft);color:var(--kitchen-accent);font-size:10px;font-weight:850}
.ops-kitchen-card footer{margin-top:auto;padding:11px 13px;border-top:1px solid color-mix(in srgb,var(--kitchen-accent) 14%,#eee);background:#ffffffc9}
.ops-kitchen-card footer>div{flex-wrap:wrap;justify-content:flex-end}
.ops-kitchen-card footer button.primary{min-height:33px;padding:7px 11px;border:1px solid var(--kitchen-accent)!important;border-radius:9px;background:var(--kitchen-accent)!important;color:#fff!important;font-size:10px;font-weight:800;box-shadow:0 4px 10px color-mix(in srgb,var(--kitchen-accent) 20%,transparent)!important}
.ops-kitchen-card select{border-color:#e5e3e7;border-radius:9px}
@media(max-width:760px){.pos-running-grid{grid-template-columns:1fr}.pos-running-grid .pos-kot-head{gap:7px;padding:12px}.pos-running-grid .pos-kot-head .pos-kot-total{font-size:12px}.ops-kitchen-board{grid-template-columns:1fr}.ops-kitchen-card{min-height:0}}

/* Bank settlement workspace: clear payout channels, reconciliation steps, and history. */
#page-bank-settlements{--settle-red:#c91f2d;--settle-red-soft:#fff1f2;--settle-blue:#2877b8;--settle-blue-soft:#eef7ff;--settle-green:#16845f;--settle-green-soft:#edf9f3;--settle-amber:#a96a0b;--settle-amber-soft:#fff7e8;--settle-purple:#7056a5;--settle-purple-soft:#f5f1ff}
#page-bank-settlements>.page-heading{align-items:center;gap:20px;margin-bottom:17px;padding:23px 25px;border:1px solid #eee5e5;border-radius:19px;background:radial-gradient(ellipse at 94% 8%,#ffe9e9 0,transparent 31%),linear-gradient(115deg,#fff 0%,#fff9f7 62%,#f4f7ff 100%);box-shadow:0 10px 28px rgba(53,34,36,.055)}
#page-bank-settlements>.page-heading .eyebrow{color:var(--settle-red);font-size:10px;letter-spacing:1.2px}
#page-bank-settlements>.page-heading h1{margin-bottom:7px;color:#29252a;font-family:"Segoe UI",Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.8px}
#page-bank-settlements>.page-heading .muted{max-width:700px;color:#73727b;font-size:12px}
#page-bank-settlements .bank-heading-actions .button{min-height:39px;border-radius:10px;font-size:11px;font-weight:750}
#page-bank-settlements .bank-heading-actions #terminal-manager-open{border-color:#f0c8cb;background:var(--settle-red-soft);color:#a71825}
#page-bank-settlements .bank-heading-actions #bank-settlement-refresh{border-color:#d9e8f5;background:var(--settle-blue-soft);color:#286a9f}
#page-bank-settlements .bank-channel-selector{display:grid;width:100%;max-width:none;grid-template-columns:minmax(210px,.5fr) minmax(220px,1fr);align-items:center;gap:6px 20px;margin:0 0 16px;padding:15px 19px;border:1px solid #e8e5ea;border-left:4px solid var(--settle-purple);border-radius:15px;background:linear-gradient(110deg,#fff 0%,#f7f5ff 100%);box-shadow:0 5px 17px rgba(45,40,65,.045)}
#page-bank-settlements .bank-channel-selector .field{width:100%;max-width:280px;margin:0}
#page-bank-settlements .bank-channel-selector .field>span{color:#54505f;font-size:10px;font-weight:800}
#page-bank-settlements .bank-channel-selector select{height:41px;border-color:#ded8ed;border-radius:10px;background:#fff;color:#423b58;font-size:12px;font-weight:750}
#page-bank-settlements .bank-channel-selector .muted{padding:0;color:#777383;font-size:11px}
#page-bank-settlements .settlement-metrics{gap:14px;margin-bottom:17px}
#page-bank-settlements .settlement-metrics .metric-card{position:relative;min-height:125px;overflow:hidden;padding:16px 18px;border:1px solid #ece9ed;border-top:4px solid var(--metric-accent);border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fff 67%,var(--metric-soft) 100%);box-shadow:0 7px 22px rgba(35,31,36,.055);transition:transform .18s ease,box-shadow .18s ease}
#page-bank-settlements .settlement-metrics .metric-card:nth-child(1){--metric-accent:var(--settle-red);--metric-soft:var(--settle-red-soft)}
#page-bank-settlements .settlement-metrics .metric-card:nth-child(2){--metric-accent:var(--settle-amber);--metric-soft:var(--settle-amber-soft)}
#page-bank-settlements .settlement-metrics .metric-card:nth-child(3){--metric-accent:var(--settle-blue);--metric-soft:var(--settle-blue-soft)}
#page-bank-settlements .settlement-metrics .metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(35,31,36,.1)}
#page-bank-settlements .settlement-metrics .metric-top{margin-bottom:12px;color:#62616a;font-size:11px;font-weight:750}
#page-bank-settlements .settlement-metrics .metric-icon{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--metric-accent) 15%,#fff);border-radius:11px;background:var(--metric-soft);color:var(--metric-accent);font-size:15px}
#page-bank-settlements .settlement-metrics .metric-card>strong{color:var(--metric-accent);font-size:23px;font-weight:850;letter-spacing:-.45px}
#page-bank-settlements .settlement-metrics .metric-card>small{margin-top:6px;color:#777680;font-size:9px}
#page-bank-settlements .bank-reconcile-panel{margin-top:16px;padding:21px;border:1px solid #e8e6eb;border-top:4px solid var(--panel-accent,#c7c4cd);border-radius:17px;background:linear-gradient(155deg,#fff 0%,#fff 76%,var(--panel-soft,#f8f8fa) 100%);box-shadow:0 8px 24px rgba(35,31,36,.055)}
#page-bank-settlements #bank-pos-channel-view>.bank-reconcile-panel:nth-of-type(1){--panel-accent:var(--settle-blue);--panel-soft:var(--settle-blue-soft)}
#page-bank-settlements #bank-pos-channel-view>.bank-reconcile-panel:nth-of-type(2){--panel-accent:var(--settle-amber);--panel-soft:var(--settle-amber-soft)}
#page-bank-settlements #bank-pos-channel-view>.bank-reconcile-panel:nth-of-type(3){--panel-accent:var(--settle-green);--panel-soft:var(--settle-green-soft)}
#page-bank-settlements #bank-foodpanda-channel-view>.bank-reconcile-panel:first-child{--panel-accent:var(--settle-purple);--panel-soft:var(--settle-purple-soft)}
#page-bank-settlements .bank-reconcile-panel>.panel-head{align-items:flex-start;margin-bottom:15px;padding:0 0 13px;border-bottom:1px solid #efedf0}
#page-bank-settlements .bank-reconcile-panel .panel-head h2{color:#303039;font-size:15px;font-weight:800;letter-spacing:-.25px}
#page-bank-settlements .bank-reconcile-panel .panel-head p{max-width:750px;color:#73737d;font-size:10px}
#page-bank-settlements .bank-match-badge{border:1px solid #e5e3e9;background:#f3f2f6;color:#5e5b67;font-size:10px;font-weight:800}
#page-bank-settlements .bank-match-badge.waiting{border-color:#f0ddb2;background:var(--settle-amber-soft);color:#8d5d0c}
#page-bank-settlements .bank-match-badge.matched{border-color:#c9ead8;background:var(--settle-green-soft);color:#137653}
#page-bank-settlements .bank-match-badge.mismatch{border-color:#f0c8cb;background:var(--settle-red-soft);color:#ad2530}
#page-bank-settlements .bank-settlement-filters{gap:10px;margin:14px 0;padding:13px;border:1px solid #e8e8ee;border-radius:13px;background:linear-gradient(115deg,#f8fbff,#fbf9ff)}
#page-bank-settlements .bank-settlement-filters .field>span{color:#595b67;font-size:9px;font-weight:800}
#page-bank-settlements .bank-settlement-filters .field input,#page-bank-settlements .bank-settlement-filters .field select,#page-bank-settlements .bank-date-range-trigger{height:40px;border-color:#e0e2e9;border-radius:9px;background:#fff;color:#34343d;font-size:11px}
#page-bank-settlements .bank-date-range-trigger:hover,#page-bank-settlements .bank-date-range-trigger:focus-visible{border-color:#9b8ac4;box-shadow:0 0 0 3px #7056a515}
#page-bank-settlements .bank-date-range-trigger span:last-child{color:var(--settle-purple)}
#page-bank-settlements #bank-select-visible{border-color:#d7e7f3;background:#edf7ff;color:#286a9f;font-size:10px;font-weight:750}
#page-bank-settlements .bank-date-range-popover{border-color:#e3deed;border-radius:15px;box-shadow:0 18px 46px rgba(40,35,54,.17)}
#page-bank-settlements .bank-date-range-toolbar>button{border-color:#e6e1ef;border-radius:9px;background:#f7f4ff;color:var(--settle-purple)}
#page-bank-settlements .bank-range-day.is-in-range{background:#f0eafe;color:#644c9a}
#page-bank-settlements .bank-range-day.is-selected,#page-bank-settlements .bank-range-day.is-selected:hover{background:var(--settle-purple)}
#page-bank-settlements .bank-table-wrap{max-height:470px;border-color:#e7e7ed;border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px #17172308}
#page-bank-settlements .bank-pending-table{min-width:890px}
#page-bank-settlements .bank-pending-table th{background:#f4f5f9;color:#626370;font-size:9px;font-weight:850;letter-spacing:.45px}
#page-bank-settlements .bank-pending-table td{padding-top:12px;padding-bottom:12px;border-bottom-color:#efeff3;color:#41414b;font-size:10px}
#page-bank-settlements .bank-pending-table tbody tr:nth-child(even){background:#fcfcfe}
#page-bank-settlements .bank-pending-table tbody tr:hover{background:#f3f8ff}
#page-bank-settlements .bank-pending-table td strong{color:#2d5f89;font-size:10px;font-weight:800}
#page-bank-settlements .bank-select-cell input{accent-color:var(--settle-red)}
#page-bank-settlements .bank-transaction-id{color:#675b88;font-size:9px}
#page-bank-settlements .bank-statement-fields{gap:12px}
#page-bank-settlements .bank-statement-fields .field{padding:10px;border:1px solid #f0edf0;border-radius:11px;background:#fff}
#page-bank-settlements .bank-statement-fields .field>span{color:#56545d;font-size:9px;font-weight:800;line-height:1.4}
#page-bank-settlements .bank-statement-fields .field input,#page-bank-settlements .bank-statement-fields .field select{height:39px;border-color:#e1e0e6;border-radius:8px;font-size:11px}
#page-bank-settlements .bank-statement-fields .field input:focus,#page-bank-settlements .bank-statement-fields .field select:focus{border-color:#b98a33;box-shadow:0 0 0 3px #dca8381a}
#page-bank-settlements .bank-statement-fields .field input[readonly]{border-color:#d9e9f6;background:#f0f8ff;color:#286a9f}
#page-bank-settlements .bank-reconcile-summary{gap:10px;margin:16px 0 6px}
#page-bank-settlements .bank-reconcile-summary>div{padding:12px;border:1px solid color-mix(in srgb,var(--summary-accent) 17%,#fff);border-radius:11px;background:linear-gradient(145deg,#fff,var(--summary-soft));box-shadow:0 3px 10px rgba(35,31,36,.025)}
#page-bank-settlements .bank-reconcile-summary>div:nth-child(1){--summary-accent:var(--settle-blue);--summary-soft:var(--settle-blue-soft)}
#page-bank-settlements .bank-reconcile-summary>div:nth-child(2){--summary-accent:var(--settle-amber);--summary-soft:var(--settle-amber-soft)}
#page-bank-settlements .bank-reconcile-summary>div:nth-child(3){--summary-accent:var(--settle-red);--summary-soft:var(--settle-red-soft)}
#page-bank-settlements .bank-reconcile-summary>div:nth-child(4){--summary-accent:var(--settle-green);--summary-soft:var(--settle-green-soft)}
#page-bank-settlements .bank-reconcile-summary span{color:#686873;font-size:9px;font-weight:700}
#page-bank-settlements .bank-reconcile-summary strong{color:var(--summary-accent);font-size:15px;font-weight:850}
#page-bank-settlements .bank-form-actions{padding-top:13px;border-top:1px solid #efedf0}
#page-bank-settlements .bank-form-actions .muted{color:#74737d;font-size:9px}
#page-bank-settlements .bank-form-actions .button{min-height:41px;border-radius:10px;background:linear-gradient(110deg,#c91f2d,#a81523);font-size:11px;font-weight:800;box-shadow:0 6px 14px #c91f2d24}
#page-bank-settlements .bank-form-actions .button:disabled{box-shadow:none;filter:grayscale(.35)}
#page-bank-settlements .bank-history-entry,#page-bank-settlements .bank-fp-history-entry{margin-bottom:10px;border-color:#e7e6ec;border-radius:13px;background:linear-gradient(135deg,#fff 0%,#fff 76%,#f8f7fc);box-shadow:0 4px 12px #28263308;transition:border-color .16s,box-shadow .16s}
#page-bank-settlements .bank-history-entry:hover,#page-bank-settlements .bank-fp-history-entry:hover{border-color:#d7cfee;box-shadow:0 8px 18px #28263310}
#page-bank-settlements .bank-history-entry>summary,#page-bank-settlements .bank-fp-history-entry>summary{gap:12px;padding:15px 16px}
#page-bank-settlements .bank-history-entry[open]>summary,#page-bank-settlements .bank-fp-history-entry[open]>summary{border-bottom:1px solid #eeecf1;background:linear-gradient(110deg,#fff8f8,#f6f8ff)}
#page-bank-settlements .bank-history-entry>summary:after,#page-bank-settlements .bank-fp-history-entry>summary:after{color:var(--settle-purple);font-size:16px;font-weight:800;transition:transform .15s}
#page-bank-settlements .bank-history-entry[open]>summary:after,#page-bank-settlements .bank-fp-history-entry[open]>summary:after{transform:rotate(180deg)}
#page-bank-settlements .bank-history-date strong,#page-bank-settlements .bank-fp-history-entry .bank-history-date strong{color:#34333d;font-size:11px;font-weight:850}
#page-bank-settlements .bank-history-date small,#page-bank-settlements .bank-fp-history-entry .bank-history-date small{color:#777782;font-size:9px}
#page-bank-settlements .bank-history-value small{color:#777782;font-size:9px;font-weight:700}
#page-bank-settlements .bank-history-value strong{color:#2c6c9f;font-size:12px;font-weight:850}
#page-bank-settlements .bank-history-entry .bank-history-value:nth-of-type(3) strong{color:#a96a0b}
#page-bank-settlements .bank-history-entry .bank-history-value:nth-of-type(4) strong,#page-bank-settlements .bank-fp-history-entry .bank-history-value:nth-of-type(4) strong{color:var(--settle-green)}
#page-bank-settlements .bank-history-transactions{padding:11px 14px 14px}
#page-bank-settlements .bank-history-transactions .data-table{border:1px solid #ecebf0;border-radius:9px;overflow:hidden}
#page-bank-settlements .bank-history-transactions .data-table th{background:#f5f5f8;color:#62616d}
#page-bank-settlements .bank-history-transactions .data-table td{font-size:10px}
#page-bank-settlements .bank-fp-state.posted{border:1px solid #c9ead8;background:var(--settle-green-soft);color:#137653;font-weight:800}
#page-bank-settlements .bank-fp-state:not(.posted){border:1px solid #f0ddb2;background:var(--settle-amber-soft);color:#8d5d0c;font-weight:800}
#page-bank-settlements .bank-fp-detail{gap:8px 10px;padding:13px 16px;color:#656570}
#page-bank-settlements .bank-fp-detail>span{padding:7px 9px;border:1px solid #eeedf1;border-radius:8px;background:#fff}
#page-bank-settlements .bank-fp-detail strong{color:#383742}
#page-bank-settlements .bank-fp-gross-field input[readonly]{border-color:#cde3f5;background:linear-gradient(110deg,#edf7ff,#fff);color:#286a9f;font-size:14px;font-weight:850}
#page-bank-settlements .bank-fp-statement-fields .field input[name="net_payout"]{border-color:#c9ead8;background:linear-gradient(110deg,#edf9f3,#fff);color:#137653;font-size:14px;font-weight:850}
#page-bank-settlements .bank-date-range-actions{border-top-color:#ece9f1}
#page-bank-settlements .bank-date-range-actions [data-bank-range-apply]{background:var(--settle-purple);border-color:var(--settle-purple)}
@media(max-width:950px){#page-bank-settlements>.page-heading{align-items:flex-start}.bank-history-entry>summary,#page-bank-settlements .bank-fp-history-entry>summary{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(95px,.7fr)) auto 14px}.bank-history-entry>summary:after{grid-column:6}}
@media(max-width:700px){#page-bank-settlements>.page-heading{display:grid;padding:18px;border-radius:15px}#page-bank-settlements>.page-heading h1{font-size:26px}#page-bank-settlements .bank-heading-actions{width:100%}#page-bank-settlements .bank-heading-actions .button{flex:1}#page-bank-settlements .bank-channel-selector{grid-template-columns:1fr;padding:13px}#page-bank-settlements .bank-channel-selector .field{max-width:none}#page-bank-settlements .settlement-metrics{grid-template-columns:1fr 1fr;gap:9px}#page-bank-settlements .settlement-metrics .metric-card{min-height:116px;padding:13px}#page-bank-settlements .settlement-metrics .metric-card>strong{font-size:19px}#page-bank-settlements .bank-reconcile-panel{padding:15px;border-radius:14px}#page-bank-settlements .bank-reconcile-panel>.panel-head{display:grid}#page-bank-settlements .bank-reconcile-summary{grid-template-columns:1fr 1fr}#page-bank-settlements .bank-form-actions{align-items:stretch;flex-direction:column}#page-bank-settlements .bank-form-actions .button{width:100%}#page-bank-settlements .bank-history-entry>summary,#page-bank-settlements .bank-fp-history-entry>summary{grid-template-columns:1fr 1fr;gap:11px;padding:13px}#page-bank-settlements .bank-history-date,#page-bank-settlements .bank-fp-date{grid-column:1/-1}#page-bank-settlements .bank-history-entry>summary:after,#page-bank-settlements .bank-fp-history-entry>summary:after{grid-column:2;justify-self:end;grid-row:1}}
@media(max-width:390px){#page-bank-settlements .settlement-metrics{grid-template-columns:1fr}#page-bank-settlements .bank-reconcile-summary{grid-template-columns:1fr}}

#page-bank-settlements .bank-date-required{display:flex;align-items:center;justify-content:center;gap:13px;min-height:128px;padding:22px;border:1px dashed #d7cfee;border-radius:13px;background:linear-gradient(115deg,#faf8ff,#f6faff);text-align:left}
#page-bank-settlements .bank-date-required>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #e1d8f3;border-radius:13px;background:#f0eafe;color:#7056a5;font-size:21px}
#page-bank-settlements .bank-date-required>div{display:grid;gap:5px}
#page-bank-settlements .bank-date-required strong{color:#40365e;font-size:12px;font-weight:850}
#page-bank-settlements .bank-date-required small{color:#777383;font-size:10px;line-height:1.5}

/* POS client-facing finish: branded framing, crisp product cards, and a clear checkout rail. */
#page-pos{--pos-red:#c91f2d;--pos-red-dark:#a91520;--pos-red-soft:#fff1f2;--pos-blue:#2877b8;--pos-blue-soft:#eef7ff;--pos-green:#16845f;--pos-line:#e8e5e8}
#page-pos .pos-page-head{align-items:center;gap:18px;margin-bottom:15px;padding:18px 21px;border:1px solid #eadfe0;border-radius:18px;background:radial-gradient(ellipse at 95% 0%,#ffe8e9 0,transparent 32%),linear-gradient(115deg,#fff 0%,#fffafa 66%,#f5f8ff 100%);box-shadow:0 8px 22px rgba(53,34,36,.055)}
#page-pos .pos-page-head .eyebrow{margin-bottom:6px;color:var(--pos-red);font-size:9px;letter-spacing:1.25px}
#page-pos .pos-page-head h1{margin-bottom:5px;color:#28262b;font-size:27px;font-weight:850;letter-spacing:-.75px}
#page-pos .pos-page-head .muted{color:#706e77;font-size:10px}
#page-pos .pos-view-tabs{gap:4px;padding:5px;border:1px solid #e8e3e7;border-radius:12px;background:#f5f3f5}
#page-pos .pos-view-tabs button{height:36px;padding:0 12px;border-radius:9px;color:#66636c;font-size:10px;font-weight:750;transition:background .16s,color .16s,box-shadow .16s}
#page-pos .pos-view-tabs button.active{background:linear-gradient(110deg,var(--pos-red),var(--pos-red-dark))!important;color:#fff!important;box-shadow:0 4px 11px #c91f2d28!important}
#page-pos .pos-view-tabs button:not(.active):hover{background:#fff;color:var(--pos-red)}
#page-pos .pos-view-tabs span{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:99px;background:#fff;color:#6d6871;font-size:9px;font-weight:800}
#page-pos .pos-view-tabs button.active span{background:#ffffff2b;color:#fff}
#page-pos .pos-controls{gap:11px;margin-bottom:15px;padding:14px;border:1px solid #e6e3e8;border-top:3px solid var(--pos-red);border-radius:15px;background:linear-gradient(125deg,#fff,#fbf9fb);box-shadow:0 5px 17px rgba(35,31,36,.045)}
#page-pos .pos-field{gap:6px;color:#5d5a64;font-size:9px;font-weight:800}
#page-pos .pos-field input,#page-pos .pos-field select{height:39px;border-color:#e0dde3;border-radius:9px;background:#fff;color:#33313a;font-size:10px;transition:border-color .15s,box-shadow .15s}
#page-pos .pos-field input:focus,#page-pos .pos-field select:focus{border-color:#d97b82!important;box-shadow:0 0 0 3px #c91f2d15!important}
#page-pos .pos-table-select{min-height:55px;border-color:#e8c6c9!important;border-radius:10px;background:linear-gradient(115deg,#fff,#fff4f4)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
#page-pos .pos-table-select:hover{border-color:#d7777e!important;box-shadow:0 4px 12px #c91f2d12;transform:translateY(-1px)}
#page-pos .pos-table-select>span{color:#98666a;font-size:8px;font-weight:850}
#page-pos .pos-table-select strong{color:#a91520;font-size:11px;font-weight:850}
#page-pos .pos-table-select small{color:#77747d;font-size:8px}
#page-pos .pos-layout{gap:15px}
#page-pos .pos-menu-panel,#page-pos .pos-ticket-panel{border:1px solid var(--pos-line)!important;border-radius:17px;background:#fff!important;box-shadow:0 8px 24px rgba(38,31,35,.065)!important}
#page-pos .pos-menu-panel{border-top:4px solid var(--pos-red)!important;padding:16px}
#page-pos .pos-ticket-panel{border-top:4px solid var(--pos-blue)!important;padding:16px}
#page-pos .pos-menu-heading,#page-pos .pos-ticket-heading{padding-bottom:12px;border-bottom:1px solid #efedf0}
#page-pos .pos-menu-heading h2,#page-pos .pos-ticket-heading h2{color:#2d2c32;font-size:15px;font-weight:850;letter-spacing:-.3px}
#page-pos .pos-kicker{color:#a91520;font-size:8px;font-weight:850;letter-spacing:1.05px}
#page-pos .pos-menu-count{padding:6px 9px;border:1px solid #e7dff0;border-radius:99px;background:#f8f4ff;color:#7056a5;font-size:9px;font-weight:800}
#page-pos .pos-item-count{min-width:29px;height:29px;display:grid;place-items:center;border:1px solid #cfe3f4;border-radius:10px;background:var(--pos-blue-soft);color:var(--pos-blue);font-size:10px;font-weight:850}
#page-pos .pos-search{height:39px;margin:11px 0 10px;border:1px solid #e3e1e7;border-radius:10px;background:#fbfbfd;color:#77747d}
#page-pos .pos-search:focus-within{border-color:#9fc5e2;box-shadow:0 0 0 3px #2877b811}
#page-pos .pos-search input{color:#33313a;font-size:10px}
#page-pos .pos-categories{gap:6px;margin-bottom:11px}
#page-pos .pos-category{padding:7px 10px;border:1px solid #e6e3e8!important;border-radius:999px;background:#fff!important;color:#625f68!important;font-size:9px;font-weight:750;transition:background .15s,color .15s,border-color .15s}
#page-pos .pos-category.active{border-color:var(--pos-red)!important;background:var(--pos-red)!important;color:#fff!important;box-shadow:0 3px 9px #c91f2d20}
#page-pos .pos-product{min-height:83px;padding:10px;border:1px solid #e8e5e9!important;border-left:3px solid #f0c4c8!important;border-radius:11px;background:linear-gradient(150deg,#fff,#fdfcfd)!important;box-shadow:0 2px 8px rgba(36,29,33,.035)!important;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
#page-pos .pos-product:hover{transform:translateY(-2px);border-color:#e6a5ab!important;border-left-color:var(--pos-red)!important;background:linear-gradient(145deg,#fff,#fff5f5)!important;box-shadow:0 7px 15px #c91f2d14!important}
#page-pos .pos-product-code{padding:3px 6px;border-radius:99px;background:#f5f3f6;color:#77717b;font-size:8px;font-weight:750}
#page-pos .pos-product-name{color:#2f2e34!important;font-size:10px;font-weight:750;line-height:1.4}
#page-pos .pos-product-price{padding:4px 7px;border-radius:7px;background:var(--pos-red-soft)!important;color:var(--pos-red)!important;font-size:10px;font-weight:850}
#page-pos .pos-add-mark{width:25px;height:25px;border:1px solid #f0c7ca;border-radius:9px;background:var(--pos-red-soft)!important;color:var(--pos-red)!important;font-size:15px;font-weight:800;transition:transform .15s,background .15s}
#page-pos .pos-product:hover .pos-add-mark{transform:rotate(90deg);background:#c91f2d!important;color:#fff!important}
#page-pos .pos-ticket-meta{gap:8px;padding:10px 1px;color:#66636d;font-size:9px;font-weight:750}
#page-pos .pos-ticket-meta>span{color:#5f7180}
#page-pos .pos-ticket-meta b{padding:5px 8px;border:1px solid #cfe3f4;border-radius:8px;background:var(--pos-blue-soft)!important;color:#246b9e!important;font-size:9px;font-weight:850}
#page-pos .pos-ticket-items{min-height:150px;padding:4px 2px;border-top:1px dashed #e6e3e8;border-bottom:1px solid #efedf0}
#page-pos .pos-ticket-row{align-items:center;gap:8px;margin:7px 0;padding:9px;border:1px solid #ece9ed;border-left:3px solid #82b3d6;border-radius:10px;background:linear-gradient(115deg,#f7fbff,#fff 65%)}
#page-pos .pos-ticket-name{color:#303038!important;font-size:10px;font-weight:800}
#page-pos .pos-ticket-unit{color:#777680!important;font-size:8px}
#page-pos .pos-ticket-actions{gap:5px}
#page-pos .pos-ticket-actions button{width:25px;height:25px;border:1px solid #d9e7f1;border-radius:8px;background:#fff;color:#286c9c;font-size:13px;font-weight:850}
#page-pos .pos-ticket-actions button:hover{border-color:#8bb9d8;background:#eef7ff;color:#1c5b89}
#page-pos .pos-ticket-actions .pos-remove{border-color:#f0d1d3;color:#b62934}
#page-pos .pos-ticket-actions .pos-remove:hover{background:#fff1f2}
#page-pos .pos-ticket-qty-input{height:27px;border-color:#dfe4e9;border-radius:7px;font-size:10px;font-weight:800}
#page-pos .pos-ticket-line-total{color:#286c9c!important;font-size:10px;font-weight:850}
#page-pos .pos-ticket-summary{margin-top:12px;padding:11px;border:1px solid #f0e2e3;border-top:3px solid #e7a1a6;border-radius:12px;background:linear-gradient(145deg,#fffafa,#fff 75%)}
#page-pos .pos-summary-heading h3{color:#47434c;font-size:9px;font-weight:850;letter-spacing:.7px}
#page-pos .pos-summary-heading button{border-color:#f0d0d2;border-radius:8px;background:#fff4f4;color:#a91520;font-size:9px;font-weight:800}
#page-pos .pos-tax-select{border-bottom-color:#ece9ed;color:#5f5d65;font-size:9px;font-weight:750}
#page-pos .pos-tax-select select{height:30px;border-color:#e6d8d9;border-radius:8px;color:#9e1b27;font-size:9px;font-weight:800}
#page-pos .pos-summary-row{color:#6c6972;font-size:9px}
#page-pos .pos-summary-row strong{color:#38363e;font-weight:800}
#page-pos .pos-summary-row.pos-grand-total{margin-top:7px;padding:11px 10px;border:1px solid #efc7ca;border-radius:10px;background:linear-gradient(110deg,#fff0f1,#fff8f8);color:#951721;font-size:10px;font-weight:850}
#page-pos .pos-summary-row.pos-grand-total strong{color:#a91520!important;font-size:17px;font-weight:900}
#page-pos .pos-bill-actions{gap:7px;margin-top:12px}
#page-pos .pos-bill-actions .pos-multiple-pay,#page-pos .pos-bill-actions .pos-quotation,#page-pos .pos-bill-actions .pos-save-kot{min-height:40px;border-radius:9px;font-size:9px;font-weight:850;transition:transform .15s,box-shadow .15s,filter .15s}
#page-pos .pos-bill-actions .pos-multiple-pay{border:1px solid #b9d8ed;background:var(--pos-blue-soft)!important;color:#236b9f!important}
#page-pos .pos-bill-actions .pos-quotation{border:1px solid #ddd4ef;background:#f8f5ff;color:#7056a5}
#page-pos .pos-bill-actions .pos-save-kot{border:1px solid var(--pos-red)!important;background:linear-gradient(110deg,var(--pos-red),var(--pos-red-dark))!important;color:#fff!important;box-shadow:0 5px 12px #c91f2d24!important}
#page-pos .pos-bill-actions button:hover{transform:translateY(-1px);filter:brightness(.98);box-shadow:0 6px 14px rgba(38,31,35,.12)}
#page-pos .pos-ticket-note{padding:7px 8px;border:1px dashed #e7e3e8;border-radius:8px;background:#faf9fb;color:#77747d;font-size:8px;line-height:1.5}
#page-pos .pos-running-view{border:1px solid #e7e3e8!important;border-top:4px solid var(--pos-red)!important;border-radius:17px;background:linear-gradient(150deg,#fff,#fff 72%,#fff7f7)!important;box-shadow:0 8px 24px rgba(38,31,35,.055)!important}
@media(max-width:760px){#page-pos .pos-page-head{align-items:stretch;padding:15px}#page-pos .pos-view-tabs{width:100%;overflow:auto}#page-pos .pos-controls{padding:11px}#page-pos .pos-layout{gap:12px}#page-pos .pos-ticket-panel{grid-row:1}#page-pos .pos-menu-panel{grid-row:2}}
@media(max-width:480px){#page-pos .pos-page-head h1{font-size:24px}#page-pos .pos-controls{gap:9px}#page-pos .pos-menu-panel,#page-pos .pos-ticket-panel{padding:12px}#page-pos .pos-product{min-height:78px;padding:8px}#page-pos .pos-ticket-row{grid-template-columns:minmax(0,1fr) auto;padding:8px}#page-pos .pos-bill-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#page-pos .pos-bill-actions button{min-width:0;padding:0 4px;font-size:8px}}

/* Staff & attendance: clearer daily workflow with Salt n Pepper brand accents. */
#page-staff-attendance{--staff-red:#c91f2d;--staff-red-dark:#a91520;--staff-red-soft:#fff1f2;--staff-ink:#28262b;--staff-muted:#716e77;--staff-line:#e9e5e8;--staff-warm:#fffaf8}
#page-staff-attendance>.page-heading{align-items:center;margin-bottom:16px;padding:18px 21px;border:1px solid #eadfe0;border-radius:17px;background:radial-gradient(ellipse at 98% 0%,#ffe8e9 0,transparent 31%),linear-gradient(115deg,#fff,#fffafa 66%,#f7f8fc);box-shadow:0 7px 21px rgba(53,34,36,.05)}
#page-staff-attendance>.page-heading .eyebrow{margin-bottom:6px;color:var(--staff-red);font-size:9px;letter-spacing:1.15px}
#page-staff-attendance>.page-heading h1{margin-bottom:4px;color:var(--staff-ink);font-size:26px;font-weight:850;letter-spacing:-.65px}
#page-staff-attendance>.page-heading .muted{color:var(--staff-muted)!important;font-size:10px}
#page-staff-attendance .staff-tabs{gap:5px;margin:0 0 15px;padding:5px;border:1px solid var(--staff-line);border-radius:12px;background:#f6f4f5}
#page-staff-attendance .staff-tab{border:0;border-radius:8px;padding:10px 14px;color:#66616a;font-size:10px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s}
#page-staff-attendance .staff-tab:hover{background:#fff;color:var(--staff-red)}
#page-staff-attendance .staff-tab.active{border:0;background:linear-gradient(110deg,var(--staff-red),var(--staff-red-dark));color:#fff;box-shadow:0 4px 10px #c91f2d25}
#page-staff-attendance .attendance-controls,#page-staff-attendance .attendance-roster-panel,#page-staff-attendance .attendance-entry-panel,#page-staff-attendance .staff-editor-panel,#page-staff-attendance .attendance-report-controls,#page-staff-attendance .shift-editor-panel{border:1px solid var(--staff-line);border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(35,31,36,.045)}
#page-staff-attendance .attendance-controls{border-top:3px solid var(--staff-red);padding:14px 16px 11px}
#page-staff-attendance .attendance-date-controls{grid-template-columns:145px auto minmax(205px,1.1fr) minmax(155px,.9fr) minmax(150px,.8fr) auto;gap:10px;align-items:end}
#page-staff-attendance .attendance-date-controls .field{min-width:0}
#page-staff-attendance .attendance-date-shortcuts{display:flex;height:38px;align-items:center;gap:3px;padding:3px;border:1px solid #e8e2e5;border-radius:9px;background:#f8f6f7}
#page-staff-attendance .attendance-date-shortcuts button{height:30px;min-width:31px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#625d66;font-size:11px;font-weight:800;cursor:pointer}
#page-staff-attendance .attendance-date-shortcuts button:hover{background:#fff;color:var(--staff-red);box-shadow:0 1px 5px #302a3010}
#page-staff-attendance .attendance-date-shortcuts button[data-att-date-today]{padding:0 10px;font-size:9px}
#page-staff-attendance .attendance-rule{color:#77717a;font-size:9px}
#page-staff-attendance .attendance-metrics{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
#page-staff-attendance .attendance-metrics .metric-card{min-width:0;border:1px solid var(--staff-line);border-top:3px solid #c6c1c6!important;border-radius:12px;background:linear-gradient(150deg,#fff,#fcfafb);box-shadow:0 4px 13px rgba(35,31,36,.035)}
#page-staff-attendance .attendance-metrics .metric-card:nth-child(2){border-top-color:#22976c!important}
#page-staff-attendance .attendance-metrics .metric-card:nth-child(3){border-top-color:#d28a21!important}
#page-staff-attendance .attendance-metrics .metric-card:nth-child(4),#page-staff-attendance .attendance-metrics .metric-card:nth-child(7){border-top-color:var(--staff-red)!important}
#page-staff-attendance .attendance-metrics .metric-card:nth-child(5){border-top-color:#7663aa!important}
#page-staff-attendance .attendance-metrics .metric-card:nth-child(6){border-top-color:#2877b8!important}
#page-staff-attendance .attendance-metrics .metric-card>strong{color:var(--staff-ink);font-size:22px}
#page-staff-attendance .attendance-workspace{grid-template-columns:minmax(0,1.5fr) minmax(315px,.9fr);gap:13px}
#page-staff-attendance .attendance-roster-panel,#page-staff-attendance .attendance-entry-panel{overflow:hidden}
#page-staff-attendance .panel-head{gap:12px;padding-bottom:11px;border-bottom:1px solid #f0edef}
#page-staff-attendance .panel-head h2{color:var(--staff-ink)!important;font-size:13px;font-weight:850}
#page-staff-attendance .panel-head p{color:var(--staff-muted)!important;font-size:9px;line-height:1.5}
#page-staff-attendance .table-total{padding:5px 9px;border:1px solid #f0d5d7;border-radius:99px;background:var(--staff-red-soft);color:var(--staff-red-dark);font-size:9px;font-weight:850;white-space:nowrap}
#page-staff-attendance .attendance-roster-table{min-width:770px}
#page-staff-attendance .data-table th{position:sticky;top:0;z-index:1;background:#f7f4f5!important;color:#635d66!important;font-size:8px;letter-spacing:.35px}
#page-staff-attendance .data-table tbody tr:nth-child(even){background:#fdfbfc}
#page-staff-attendance .data-table tbody tr:hover{background:#fff5f5!important}
#page-staff-attendance .attendance-status{border:1px solid transparent;padding:5px 8px;font-size:8px;font-weight:850}
#page-staff-attendance .attendance-status-present{border-color:#c9e7d5;background:#eaf8f0!important;color:#16714b!important}
#page-staff-attendance .attendance-status-late,#page-staff-attendance .attendance-status-not_marked{border-color:#f0ddb6;background:#fff7e6!important;color:#8a5b0a!important}
#page-staff-attendance .attendance-status-absent{border-color:#f0c8ca;background:#fff0f1!important;color:#b4232c!important}
#page-staff-attendance .attendance-status-leave{border-color:#ddd5f0;background:#f5f1ff!important;color:#6750a4!important}
#page-staff-attendance .attendance-status-half_day{border-color:#cfe1f4;background:#eef6ff!important;color:#28679e!important}
#page-staff-attendance .attendance-status-off{border-color:#e2dfe3;background:#f4f2f4!important;color:#635d66!important}
#page-staff-attendance .attendance-working-indicator{color:#14744f;font-size:8px}
#page-staff-attendance .attendance-row-actions{gap:5px}
#page-staff-attendance .attendance-row-actions .button,#page-staff-attendance .attendance-action{min-height:29px;border-radius:7px;font-size:8px;font-weight:800}
#page-staff-attendance .attendance-action.button.primary,#page-staff-attendance #attendance-save.button.primary,#page-staff-attendance #staff-save-button.button.primary,#page-staff-attendance #shift-save-button.button.primary{background:linear-gradient(110deg,var(--staff-red),var(--staff-red-dark))!important;border-color:var(--staff-red)!important;color:#fff!important;box-shadow:0 4px 9px #c91f2d20!important}
#page-staff-attendance .attendance-entry-form{gap:0 10px}
#page-staff-attendance .attendance-entry-form .field{margin-bottom:10px}
#page-staff-attendance .attendance-entry-form input,#page-staff-attendance .attendance-entry-form select,#page-staff-attendance .staff-form-grid input,#page-staff-attendance .staff-form-grid select,#page-staff-attendance .shift-form-grid input{min-height:37px;border-color:#e5e0e4;border-radius:8px;background:#fff;font-size:9px}
#page-staff-attendance .attendance-time-disabled{opacity:.5}
#page-staff-attendance .attendance-entry-actions{gap:7px;margin-top:3px}
#page-staff-attendance .attendance-entry-actions .button{min-height:38px;border-radius:9px;font-size:9px;font-weight:850}
#page-staff-attendance .staff-directory-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#page-staff-attendance .staff-directory-search input{width:min(240px,30vw);height:34px;border:1px solid #e5e0e4;border-radius:8px;background:#fff;font-size:9px}
#page-staff-attendance .staff-archive-toggle{color:#635d66;font-size:9px}
#page-staff-attendance .staff-archive-toggle input{accent-color:var(--staff-red)}
#page-staff-attendance .attendance-report-summary .report-stat{border:1px solid var(--staff-line);border-top:3px solid #c6c1c6;border-radius:11px;background:linear-gradient(145deg,#fff,#fcfafb)}
#page-staff-attendance .attendance-report-summary .report-stat:nth-child(4n+1){border-top-color:var(--staff-red)!important}
#page-staff-attendance .attendance-report-summary .report-stat:nth-child(4n+2){border-top-color:#22976c!important}
#page-staff-attendance .attendance-report-summary .report-stat:nth-child(4n+3){border-top-color:#d28a21!important}
#page-staff-attendance .attendance-report-summary .report-stat:nth-child(4n){border-top-color:#2877b8!important}
#page-staff-attendance .attendance-report-filter .button{min-height:37px;border-radius:8px;font-size:9px;font-weight:800}
#page-staff-attendance .attendance-history-event{border-color:#ece6e9;border-radius:10px;background:linear-gradient(145deg,#fff,#fdfafb)}
@media(max-width:1250px){#page-staff-attendance .attendance-date-controls{grid-template-columns:1fr 1fr 1fr;gap:9px}#page-staff-attendance .attendance-workspace{grid-template-columns:1fr}#page-staff-attendance .attendance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#page-staff-attendance>.page-heading{padding:15px}#page-staff-attendance>.page-heading h1{font-size:23px}#page-staff-attendance .attendance-date-controls{grid-template-columns:1fr 1fr}#page-staff-attendance .attendance-date-shortcuts{width:max-content}#page-staff-attendance .attendance-search{grid-column:1/-1}#page-staff-attendance .attendance-date-controls>.button{grid-column:1/-1;width:100%}#page-staff-attendance .attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#page-staff-attendance .staff-directory-tools{width:100%;justify-content:flex-start}#page-staff-attendance .staff-directory-search{flex:1;min-width:190px}#page-staff-attendance .staff-directory-search input{width:100%}#page-staff-attendance .staff-directory-tools .table-total{margin-left:auto}}
@media(max-width:480px){#page-staff-attendance .staff-tabs{overflow:auto;flex-wrap:nowrap}#page-staff-attendance .staff-tab{padding:9px 10px;font-size:9px}#page-staff-attendance .attendance-date-controls{grid-template-columns:1fr 1fr}#page-staff-attendance .attendance-date-shortcuts{height:35px}#page-staff-attendance .attendance-date-shortcuts button{height:27px}#page-staff-attendance .attendance-entry-form{grid-template-columns:1fr 1fr}#page-staff-attendance .attendance-report-filter{grid-template-columns:1fr 1fr}#page-staff-attendance .attendance-report-filter .button{min-width:0;padding:0 7px;font-size:8px}}


/* Export actions for report screens outside the report catalog. */
.local-report-tools{align-items:center}
.local-report-tools .button{min-height:35px;white-space:nowrap}
.register-report-controls{grid-template-columns:minmax(220px,1fr) auto auto minmax(300px,1.25fr)}
.register-report-controls .local-report-tools{justify-content:flex-end}
@media(max-width:900px){.register-report-controls{grid-template-columns:minmax(0,1fr) auto auto minmax(280px,1fr)}}
@media(max-width:650px){.register-report-controls{grid-template-columns:1fr 1fr}.register-report-controls .local-report-tools{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-report-filter .local-report-tools{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.local-report-tools .button{padding-inline:8px;font-size:10px}}

.attendance-report-filter .local-report-tools{grid-column:1/-1}
.purchase-price-history-filters .local-report-tools{grid-column:1/-1}
@media(min-width:1001px){.purchase-price-history-filters{grid-template-columns:minmax(150px,1.1fr) minmax(140px,.9fr) repeat(2,minmax(135px,1fr)) auto auto}}
@media(max-width:760px){.payment-history-heading .local-report-tools{width:100%}}

/* Live cash drawer dashboard */
.module-tab.live-cash-nav{position:relative;gap:8px}.module-tab.live-cash-nav .module-tab-icon{color:#a51d29!important}.module-tab.live-cash-nav.active{background:#fff0f1!important;border-color:#f4d5d8!important;color:#811722!important}.module-tab.live-cash-nav.active .module-tab-icon{color:#a51d29!important}.live-cash-nav-amount{padding:4px 6px;border:1px solid #e7e2e3;border-radius:6px;background:#fff;color:#5b5053;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.live-cash-nav.is-stale .live-cash-nav-amount{color:#a33c33;background:#fff5f3;border-color:#f1d4d1}.live-cash-status.is-stale{border-color:#f1d4d1;background:#fff5f3;color:#a33c33}.live-cash-status.is-stale i{background:#c8493e;box-shadow:0 0 0 3px #c8493e20;animation:none}
.live-cash-nav-dot,.live-cash-status i,.live-cash-kicker i,.live-cash-mini-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20a568;box-shadow:0 0 0 3px #20a56820}.live-cash-nav-dot{width:6px;height:6px;margin-left:-2px}
.live-cash-page{max-width:1500px}.live-cash-heading{align-items:center;margin-bottom:18px}.live-cash-heading h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.8px}.live-cash-heading-actions{display:flex;align-items:center;gap:11px}.live-cash-heading-actions .button{display:flex;align-items:center;gap:7px}
.live-cash-status,.live-cash-mini-live{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbeee4;border-radius:99px;background:#f1fbf5;color:#188454;font-size:10px;font-weight:800;letter-spacing:.55px;white-space:nowrap}.live-cash-status i,.live-cash-mini-live i{width:7px;height:7px;animation:live-cash-pulse 1.8s infinite}@keyframes live-cash-pulse{0%,100%{box-shadow:0 0 0 3px #20a56820}50%{box-shadow:0 0 0 6px #20a5680c}}
.live-cash-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:226px;overflow:hidden;margin-bottom:15px;padding:30px 34px;border:1px solid #3b3031;border-radius:20px;background:radial-gradient(ellipse at 91% 13%,#a51d2938 0,transparent 35%),linear-gradient(118deg,#202124 0%,#302729 60%,#481e24 100%);box-shadow:0 16px 38px #2821241c;color:#fff}
.live-cash-hero-copy,.live-cash-hero-side{position:relative;z-index:1}.live-cash-hero-copy{display:grid;gap:11px;min-width:0}.live-cash-kicker{display:flex;align-items:center;gap:10px;color:#f1c9cd;font-size:10px;font-weight:800;letter-spacing:1.3px}.live-cash-hero strong#live-cash-amount{font-size:clamp(36px,5vw,58px);line-height:1;font-weight:850;letter-spacing:-2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#live-cash-context{color:#d4c9ca;font-size:12px}
.live-cash-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;min-width:min(365px,38%);padding:18px 20px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0b;backdrop-filter:blur(8px)}.live-cash-hero-icon{grid-column:1/-1;display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff24;border-radius:13px;background:#ffffff12;color:#fff;font-size:22px;font-weight:800}.live-cash-hero-side>div:not(.live-cash-hero-icon){display:grid;gap:5px;min-width:0}.live-cash-hero-side span{color:#c8bfc0;font-size:9px;font-weight:650;letter-spacing:.4px;text-transform:uppercase}.live-cash-hero-side strong{color:#fff;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.live-cash-hero-orbit{position:absolute;z-index:-1;right:22%;top:-210px;width:370px;height:370px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 72px #ffffff04}
.live-cash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.live-cash-stat{min-width:0;padding:17px 19px;border:1px solid #e9e7e5;border-radius:15px;background:#fff;box-shadow:0 7px 22px #30272908}.live-cash-stat>div{display:flex;align-items:center;gap:10px;margin-bottom:13px}.live-cash-stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:16px;font-weight:800}.live-cash-stat-label{color:#737078;font-size:10px;font-weight:750;letter-spacing:.3px}.live-cash-stat strong{display:block;color:#262429;font-size:22px;font-weight:800;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.live-cash-stat small{display:block;margin-top:6px;color:#8b8990;font-size:9px;line-height:1.45}.live-cash-stat.cash-in .live-cash-stat-icon{background:#edf8f1;color:#168452}.live-cash-stat.cash-other .live-cash-stat-icon{background:#eef4ff;color:#4264a2}.live-cash-stat.cash-out .live-cash-stat-icon{background:#fff1ef;color:#bf4b3f}
.live-cash-content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.live-cash-content-grid .panel{min-width:0;margin-bottom:14px;padding:20px;border-radius:15px;box-shadow:0 7px 22px #30272908}.live-cash-content-grid .panel-head{align-items:center;margin-bottom:12px}.live-cash-content-grid .panel-head h2{color:#27252a;font-size:14px}.live-cash-content-grid .panel-head p{margin-top:4px;color:#85828a;font-size:10px}.live-cash-mini-live{padding:7px 9px;font-size:8px;letter-spacing:0}.live-cash-mini-live i{width:6px;height:6px}
.live-cash-breakdown{border-top:1px solid #f0edef}.live-cash-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #f1eff0;color:#605d64;font-size:10px}.live-cash-breakdown-row strong{color:#38353b;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.live-cash-breakdown-row.in strong{color:#168452}.live-cash-breakdown-row.out strong{color:#b4473c}.live-cash-breakdown-row.total{margin-top:3px;padding-top:14px;border-bottom:0;color:#28252a;font-size:11px;font-weight:800}.live-cash-breakdown-row.total strong{color:#a51d29;font-size:15px;font-weight:850}
.live-cash-activity-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f3f1f2;color:#8d414a;font-size:16px}.live-cash-activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f1eff0}.live-cash-activity-row:last-child{border-bottom:0}.live-cash-activity-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:14px;font-weight:800}.live-cash-activity-row.credit .live-cash-activity-mark{background:#edf8f1;color:#168452}.live-cash-activity-row.debit .live-cash-activity-mark{background:#fff1ef;color:#bf4b3f}.live-cash-activity-copy{display:grid;gap:4px;min-width:0}.live-cash-activity-copy strong{overflow:hidden;color:#403d44;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-cash-activity-copy small{color:#918e95;font-size:8px}.live-cash-activity-row>strong{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.live-cash-activity-row.credit>strong{color:#168452}.live-cash-activity-row.debit>strong{color:#b4473c}.live-cash-placeholder{padding:23px 8px;color:#88858d;font-size:10px;text-align:center}.live-cash-error{margin-bottom:12px;padding:11px 13px;border:1px solid #f1d4d1;border-radius:10px;background:#fff5f3;color:#a33c33;font-size:10px}
.live-cash-footnote{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #e8e6e5;border-radius:12px;background:#fff}.live-cash-footnote>span{color:#8e4149;font-size:16px}.live-cash-footnote p{flex:1;margin:0;color:#77737a;font-size:9px;line-height:1.5}.live-cash-footnote .button{padding:8px 11px;font-size:9px;white-space:nowrap}.live-cash-count-field{display:grid;gap:5px;min-width:155px}.live-cash-count-field>span{color:#77737a;font-size:8px;font-weight:750}.live-cash-count-field input{width:100%;height:34px;padding:0 9px;border:1px solid #e4e0e1;border-radius:7px;background:#fff;color:#38353b;font-size:10px;font-variant-numeric:tabular-nums}.live-cash-variance{min-width:118px;color:#85828a;font-size:9px}.live-cash-variance.over{color:#168452}.live-cash-variance.short{color:#b4473c}.live-cash-variance.balanced{color:#168452}
@media(max-width:850px){.live-cash-content-grid{grid-template-columns:1fr}.live-cash-hero{align-items:flex-start;flex-direction:column}.live-cash-hero-side{grid-template-columns:43px 1fr 1fr;align-items:center;width:100%;min-width:0}.live-cash-hero-icon{grid-column:1;grid-row:1}.live-cash-stats{gap:9px}.live-cash-stat{padding:14px}}
@media(max-width:650px){.live-cash-heading{align-items:flex-start;flex-direction:column;gap:12px}.live-cash-heading-actions{width:100%;justify-content:space-between}.live-cash-hero{min-height:0;gap:22px;padding:22px 18px;border-radius:16px}.live-cash-hero strong#live-cash-amount{font-size:39px;letter-spacing:-1.4px}.live-cash-hero-side{grid-template-columns:36px 1fr 1fr;gap:10px;padding:12px}.live-cash-hero-icon{width:34px;height:34px;font-size:17px}.live-cash-hero-side span{font-size:8px}.live-cash-hero-side strong{font-size:10px}.live-cash-stats{grid-template-columns:1fr;gap:8px}.live-cash-stat{padding:13px 14px}.live-cash-stat>div{margin-bottom:8px}.live-cash-stat strong{font-size:19px}.live-cash-content-grid .panel{padding:14px}.live-cash-mini-live{font-size:7px;padding:6px}.live-cash-footnote{align-items:flex-start;flex-wrap:wrap;padding:12px}.live-cash-footnote p{flex-basis:calc(100% - 34px)}.live-cash-footnote .button{margin-left:26px}}

/* Restored previous report shortcuts inside the Reports library. */
.legacy-more-reports{margin:0;scroll-margin-top:18px}
.legacy-more-reports .books-report-group{margin-top:12px}
.legacy-more-reports .books-report-group:first-child{padding-top:4px;border-top:0}
.legacy-more-reports .books-report-group .financial-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0}
.legacy-more-reports .financial-report-card{min-height:66px}
.legacy-report-tools{display:grid;grid-template-columns:minmax(200px,1.4fr) repeat(2,minmax(140px,.75fr)) auto;align-items:end;gap:12px;margin:18px 0 12px;padding:16px;border:1px solid #e8e6e3;border-radius:13px;background:#fbfaf8}
.legacy-report-tools>div strong{display:block;color:#282522;font-size:12px}
.legacy-report-tools>div p{margin:5px 0 0;color:#7f7a74;font-size:10px}
.legacy-report-tools .field{margin:0}
#legacy-report-results{scroll-margin-top:18px}
#page-accounts>.coa-page-heading{margin-bottom:18px}
@media(max-width:850px){.legacy-report-tools{grid-template-columns:1fr 1fr}.legacy-report-tools>div{grid-column:1/-1}.legacy-report-tools .button{grid-column:1/-1}.legacy-more-reports .books-report-group .financial-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.legacy-report-tools{grid-template-columns:1fr}.legacy-report-tools>div,.legacy-report-tools .button{grid-column:auto}.legacy-more-reports .books-report-group .financial-report-grid{grid-template-columns:1fr}}

/* Periodic stock costing without recipe quantities */
.periodic-cogs-page{display:grid;gap:16px}
.periodic-cogs-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border:1px solid #f0c9bb;border-radius:18px;background:radial-gradient(circle at 92% 10%,rgba(255,202,158,.38),transparent 27%),linear-gradient(125deg,#fff7f2 0%,#fff 55%,#f8fbff 100%);box-shadow:0 12px 32px rgba(94,48,28,.07)}
.periodic-cogs-hero-copy{max-width:850px}.periodic-cogs-hero .eyebrow{color:#be5237}.periodic-cogs-hero h2{margin:3px 0 7px;font-size:25px;letter-spacing:-.5px}.periodic-cogs-hero p:last-child{margin:0;color:#656d78;line-height:1.55}
.periodic-cogs-mode{display:grid;justify-items:end;gap:7px;min-width:205px}.periodic-cogs-mode-label{font-weight:750;color:#28303d}.periodic-cogs-mode small{max-width:260px;color:#6e7786;text-align:right;line-height:1.4}
.periodic-cogs-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9dce2;border-radius:99px;padding:9px 14px;background:#f1f2f5;color:#535b68;font-weight:750;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.periodic-cogs-toggle.is-on{border-color:#137a55;background:#e8f7f0;color:#126a4b;box-shadow:0 4px 12px rgba(21,124,82,.12)}.periodic-cogs-toggle:disabled{opacity:.65;cursor:wait}.periodic-cogs-toggle-dot{width:10px;height:10px;border-radius:50%;background:#87909d;box-shadow:0 0 0 4px rgba(135,144,157,.13)}.periodic-cogs-toggle.is-on .periodic-cogs-toggle-dot{background:#14a66a;box-shadow:0 0 0 4px rgba(20,166,106,.14)}
.periodic-cogs-notice{padding:12px 15px;border:1px solid #c9e9da;border-radius:11px;background:#f0faf5;color:#286347;font-size:13px;line-height:1.5}.periodic-cogs-notice.hidden{display:none}.periodic-cogs-notice.is-error{border-color:#f2c2bd;background:#fff3f1;color:#9e342c}
.periodic-cogs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.periodic-cogs-metric{display:grid;gap:7px;padding:17px 18px;border:1px solid #e8e9ee;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfbfd);box-shadow:0 5px 16px rgba(30,38,55,.035)}.periodic-cogs-metric>span{color:#657080;font-size:12px;font-weight:650}.periodic-cogs-metric strong{font-size:20px;letter-spacing:-.35px;color:#222a37}.periodic-cogs-metric small{color:#87909d;font-size:11px}.periodic-cogs-metric.highlight{border-color:#cfe9dc;background:linear-gradient(145deg,#f1fbf6,#fff)}.periodic-cogs-metric.highlight strong{color:#13774f}
.periodic-cogs-breakdown{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:13px 16px;border:1px solid #ebedf2;border-radius:12px;background:#fff;color:#646d7b;font-size:12px}.periodic-cogs-breakdown>span{font-weight:750;color:#353d4a}.periodic-cogs-breakdown strong{display:inline-flex;gap:7px;align-items:center;font-weight:600}.periodic-cogs-breakdown b{color:#242b37;font-variant-numeric:tabular-nums}
.periodic-cogs-panel{padding:20px}.periodic-cogs-panel .panel-head{margin-bottom:15px}.periodic-cogs-panel .panel-head h3{margin:2px 0 5px;font-size:17px}.periodic-cogs-panel .panel-head p:last-child{margin:0;color:#6e7785;line-height:1.5}.periodic-cogs-panel .eyebrow{margin:0;color:#bb5437;font-size:10px;font-weight:800;letter-spacing:1px}
.periodic-cogs-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.periodic-cogs-form>.date-range-box{grid-column:1/-1}.periodic-cogs-form .field{min-width:0}.periodic-cogs-form .field input,.periodic-cogs-form .field select{width:100%}.periodic-cogs-form .field input[readonly]{background:#f5f6f8;color:#59616e}.periodic-cogs-wide{grid-column:1/-1}.periodic-cogs-selected-supplier{margin-top:-4px;padding:12px 14px;border:1px solid #e4e8ef;border-left:3px solid #df9864;border-radius:10px;background:#fbfaf8;color:#515b68}.periodic-cogs-selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.periodic-cogs-selected-head>div{display:flex;align-items:center;gap:12px}.periodic-cogs-selected-head>div>strong{color:#176b49;font-size:16px}.periodic-cogs-selected-head>span{font-size:12px;color:#717987}.periodic-cogs-selected-label{font-size:13px}.periodic-cogs-selected-empty{margin:8px 0 0;font-size:12px;line-height:1.5;color:#717987}.periodic-cogs-selected-list{list-style:none;margin:8px 0 0;padding:0}.periodic-cogs-selected-list li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid #eceef2;font-size:12px}.periodic-cogs-total-field input{border-color:#b6dfcb!important;background:#f1faf5!important;color:#126a4b!important;font-weight:750}.periodic-cogs-close-panel{border-top:3px solid #df9864}.periodic-cogs-close-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;grid-column:1/-1;padding:13px 15px;border:1px dashed #d5d9e0;border-radius:11px;background:#f8f9fb;color:#626b78}.periodic-cogs-close-preview strong{color:#176b49;font-size:16px}.periodic-cogs-close-preview strong.is-error{color:#b13830}
.periodic-cogs-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1;padding-top:3px}.periodic-cogs-submit>span{max-width:780px;color:#747d8a;font-size:12px;line-height:1.45}.periodic-cogs-table{min-width:1040px}.periodic-cogs-table .numeric{font-variant-numeric:tabular-nums}.periodic-cogs-table td .cell-sub{display:block;margin-top:3px}.periodic-cogs-table .menu-action-button{white-space:nowrap}
@media(max-width:1050px){.periodic-cogs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.periodic-cogs-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.periodic-cogs-hero{align-items:flex-start;flex-direction:column;padding:20px}.periodic-cogs-mode{justify-items:start;min-width:0}.periodic-cogs-mode small{text-align:left}.periodic-cogs-metrics{grid-template-columns:1fr 1fr}.periodic-cogs-form{grid-template-columns:1fr}.periodic-cogs-wide,.periodic-cogs-close-preview,.periodic-cogs-submit{grid-column:auto}.periodic-cogs-submit,.periodic-cogs-close-preview{align-items:flex-start;flex-direction:column}.periodic-cogs-breakdown{align-items:flex-start;flex-direction:column;gap:9px}}

/* Grouped back-office navigation */
#nav{flex:1 1 auto;min-height:0;align-content:start;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55555f transparent;padding-right:4px}
.nav-group{display:grid;gap:3px;align-content:start}
.nav-group>.side-label{margin:0;padding:6px 12px 3px;color:#a5a5af!important;font-size:9px;line-height:1.2;letter-spacing:1.05px}
.nav-group .nav-item{padding-top:9px;padding-bottom:9px}
.sidebar-bottom{flex:0 0 auto;margin-top:8px;padding-top:10px;border-top:1px solid #35353d}
.sidebar .backup-link{display:flex;width:100%;align-items:center;border-radius:8px;padding:10px 11px;text-align:left;font-size:11px}


/* Salt’n Pepper owner dashboard: black, white and brand red */
.page.active#page-dashboard.dashboard-page{display:grid;gap:16px;padding-top:22px;color:#202126}
#page-dashboard .dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 2px 2px}
#page-dashboard .dashboard-welcome .eyebrow{margin:0 0 5px;color:#b81920;font-size:10px;font-weight:850;letter-spacing:1.35px}
#page-dashboard .dashboard-welcome h1{margin:0;font-size:27px;line-height:1.18;color:#17181c;font-weight:800;letter-spacing:-.65px}
#page-dashboard .dashboard-welcome p.muted{margin:6px 0 0;color:#777b84;font-size:12px}
#page-dashboard .dashboard-welcome-actions{display:flex;align-items:center;gap:10px}
#page-dashboard .dashboard-date-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e7e8eb;border-radius:30px;padding:10px 14px;background:#fff;color:#333842;font-size:11px;font-weight:700;box-shadow:0 4px 12px rgba(20,20,24,.04);white-space:nowrap}
#page-dashboard .dashboard-date-dot{width:8px;height:8px;border-radius:50%;background:#1ba56d;box-shadow:0 0 0 4px #1ba56d1c}
#page-dashboard .dashboard-welcome .button.primary{background:#e21d27!important;border-color:#e21d27!important;border-radius:10px;padding:11px 16px;box-shadow:0 5px 14px #e21d2725!important}
#page-dashboard .dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#page-dashboard .dashboard-kpi{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:104px;padding:15px 16px;overflow:hidden;border:1px solid #e9e9ec;border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(22,23,27,.045)}
#page-dashboard .dashboard-kpi:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 4px 4px 0;background:#e21d27}
#page-dashboard .dashboard-kpi.profit:before{background:#15965d}#page-dashboard .dashboard-kpi.orders:before{background:#17181c}#page-dashboard .dashboard-kpi.expenses:before{background:#dc8735}
#page-dashboard .dashboard-kpi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#fff0f0;color:#d71922;font-size:21px;font-weight:800}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-icon{background:#e9f7ef;color:#168551}#page-dashboard .dashboard-kpi.orders .dashboard-kpi-icon{background:#f0f1f3;color:#202127}#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-icon{background:#fff4e9;color:#cb7325}
#page-dashboard .dashboard-kpi.tender-cash:before{background:#15965d}#page-dashboard .dashboard-kpi.tender-cash .dashboard-kpi-icon{background:#e9f7ef;color:#168551}#page-dashboard .dashboard-kpi.tender-cash .dashboard-kpi-spark{filter:hue-rotate(100deg)}
#page-dashboard .dashboard-kpi.tender-card:before{background:#3278d4}#page-dashboard .dashboard-kpi.tender-card .dashboard-kpi-icon{background:#edf4ff;color:#3278d4}#page-dashboard .dashboard-kpi.tender-card .dashboard-kpi-spark{filter:hue-rotate(185deg)}
#page-dashboard .dashboard-kpi.tender-foodpanda:before{background:#e86d78}#page-dashboard .dashboard-kpi.tender-foodpanda .dashboard-kpi-icon{background:#fff0f1;color:#d94e5b}#page-dashboard .dashboard-kpi.tender-foodpanda .dashboard-kpi-spark{filter:hue-rotate(330deg)}
#page-dashboard .dashboard-kpi.cash-drawer-kpi:before{background:#d7a527}#page-dashboard .dashboard-kpi.cash-drawer-kpi .dashboard-kpi-icon{background:#fff7df;color:#a77909}#page-dashboard .dashboard-kpi.cash-drawer-kpi .dashboard-kpi-spark{filter:hue-rotate(25deg)}
#page-dashboard .dashboard-kpi.monthly-sales-kpi:before{background:#7656bd}#page-dashboard .dashboard-kpi.monthly-sales-kpi .dashboard-kpi-icon{background:#f2edff;color:#7656bd}#page-dashboard .dashboard-kpi.monthly-sales-kpi .dashboard-kpi-spark{filter:hue-rotate(235deg)}
#page-dashboard .dashboard-kpi>div{display:grid;gap:3px;min-width:0;position:relative;z-index:1}
#page-dashboard .dashboard-kpi small{color:#70747d;font-size:10px;font-weight:750;letter-spacing:.35px;text-transform:uppercase}
#page-dashboard .dashboard-kpi strong{color:#17181c;font-size:21px;line-height:1.15;letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap}
#page-dashboard .dashboard-kpi>div>span{color:#90939a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .dashboard-kpi-spark{position:absolute;right:13px;bottom:13px;width:40px;height:18px;opacity:.22;background:linear-gradient(to top,transparent 0 18%,#e21d27 18% 46%,transparent 46%),linear-gradient(to top,transparent 0 35%,#e21d27 35% 70%,transparent 70%),linear-gradient(to top,transparent 0 55%,#e21d27 55% 100%,transparent 100%);background-size:8px 100%;background-repeat:repeat-x;background-position:left bottom}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-spark{filter:hue-rotate(100deg)}#page-dashboard .dashboard-kpi.orders .dashboard-kpi-spark{filter:grayscale(1)}#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-spark{filter:hue-rotate(65deg)}
#page-dashboard .dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(235px,.9fr) minmax(220px,.82fr);gap:12px;align-items:stretch}
#page-dashboard .dashboard-card{min-width:0;padding:16px;border:1px solid #e7e8eb;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(23,24,28,.045)}
#page-dashboard .dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
#page-dashboard .dashboard-card-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}
#page-dashboard .dashboard-card-head h2{margin:0;color:#1c1d22;font-size:14px;line-height:1.25;font-weight:800;letter-spacing:-.2px}
#page-dashboard .dashboard-card-head p{margin:3px 0 0;color:#858992;font-size:9px}
#page-dashboard .dashboard-section-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#f1f2f4;color:#24252a;font-size:15px;font-weight:800}
#page-dashboard .dashboard-section-icon.red{background:#fff0f0;color:#d71922}#page-dashboard .dashboard-section-icon.green{background:#e9f7ef;color:#168551}#page-dashboard .dashboard-section-icon.orange{background:#fff4e9;color:#c87120}#page-dashboard .dashboard-section-icon.black{background:#f0f1f3;color:#202127}
#page-dashboard .dashboard-range-tabs{display:flex;gap:3px;padding:3px;border:1px solid #ececef;border-radius:10px;background:#f7f7f8;white-space:nowrap}
#page-dashboard .dashboard-range-tabs button{border:0;border-radius:7px;padding:6px 8px;background:transparent;color:#777b84;font-size:9px;font-weight:700}
#page-dashboard .dashboard-range-tabs button.active{background:#191a1e;color:white;box-shadow:0 2px 5px #1112}
#page-dashboard .dashboard-chart-host{min-height:212px}
#page-dashboard .dashboard-sales-svg{display:block;width:100%;height:auto;overflow:visible}
#page-dashboard .dashboard-chart-gridline{stroke:#eceef1;stroke-width:1}
#page-dashboard .dashboard-chart-ylabel,#page-dashboard .dashboard-chart-xlabel{fill:#858992;font:10px "Segoe UI",Arial,sans-serif}
#page-dashboard .dashboard-chart-bar{fill:#e21d27;cursor:help;transition:fill .15s,opacity .15s}
#page-dashboard .dashboard-chart-bar:hover{fill:#a8131b}
#page-dashboard .dashboard-chart-area{fill:#16a36a;fill-opacity:.12;stroke:none}
#page-dashboard .dashboard-chart-line{fill:none;stroke:#16a36a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#page-dashboard .dashboard-chart-point{fill:#fff;stroke:#118b58;stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:help;transition:r .15s,fill .15s}
#page-dashboard .dashboard-chart-point:hover{r:6;fill:#dff5e9}
#page-dashboard .dashboard-chart-caption{display:flex;align-items:center;gap:7px;margin-top:3px;padding-top:10px;border-top:1px solid #f0f0f2;color:#797d86;font-size:9px}
#page-dashboard .dashboard-chart-caption strong{margin-left:auto;color:#202127;font-size:13px}
#page-dashboard .dashboard-chart-caption small{color:#8b8e95}
#page-dashboard .dashboard-empty{display:grid;place-items:center;min-height:170px;border:1px dashed #e5e6e9;border-radius:11px;color:#8b8e95;font-size:11px;text-align:center;padding:15px}
#page-dashboard .dashboard-empty.compact{min-height:76px;border:0;padding:10px;font-size:10px}
#page-dashboard .dashboard-finance-list{display:grid}
#page-dashboard .dashboard-finance-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #f0f1f3}
#page-dashboard .dashboard-finance-list>div:last-child{border-bottom:0}
#page-dashboard .dashboard-finance-list span{display:inline-flex;align-items:center;gap:7px;color:#626771;font-size:10px}
#page-dashboard .dashboard-finance-list strong{color:#202127;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
#page-dashboard .dashboard-finance-list .finance-net{margin:2px -7px;padding:9px 7px;border:0;border-radius:8px;background:#fff1f1}
#page-dashboard .dashboard-finance-list .finance-net span,#page-dashboard .dashboard-finance-list .finance-net strong{color:#a9151d;font-weight:800}
#page-dashboard .finance-dot{width:8px;height:8px;border-radius:50%;background:#777}.finance-dot.red{background:#e21d27}.finance-dot.green{background:#16965c}.finance-dot.black{background:#222}.finance-dot.orange{background:#df893b}.finance-dot.purple{background:#7754b6}.finance-dot.gray{background:#8b8f98}
#page-dashboard .dashboard-order-list{display:grid;gap:0}
#page-dashboard .dashboard-order-row{display:grid;grid-template-columns:1fr auto 38px;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #f0f1f3}
#page-dashboard .dashboard-order-row span{color:#545962;font-size:10px;font-weight:650}
#page-dashboard .dashboard-order-row strong{color:#202127;font-size:11px;font-variant-numeric:tabular-nums}
#page-dashboard .dashboard-order-row small{color:#858992;font-size:9px;text-align:right}
#page-dashboard .dashboard-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:10px;border-radius:9px;background:#f6f6f7;color:#656a73;font-size:10px}
#page-dashboard .dashboard-card-foot strong{color:#d71922;font-size:14px}
#page-dashboard .dashboard-link-button,#page-dashboard .dashboard-mini-link{border:0;background:transparent;color:#c81b23;font-size:9px;font-weight:750;white-space:nowrap}
#page-dashboard .dashboard-link-button{display:flex;width:100%;justify-content:space-between;margin-top:10px;padding:5px 1px}
#page-dashboard .dashboard-insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#page-dashboard .dashboard-occupancy{display:flex;align-items:center;gap:13px;padding:2px 0 12px}
#page-dashboard .dashboard-donut{--occupancy:0%;display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;border-radius:50%;background:conic-gradient(#16965c var(--occupancy),#e9ecef 0);position:relative}
#page-dashboard .dashboard-donut:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
#page-dashboard .dashboard-donut strong{z-index:1;color:#202127;font-size:15px}
#page-dashboard .dashboard-occupancy>div:last-child{display:grid;gap:3px}
#page-dashboard .dashboard-occupancy small{color:#747983;font-size:9px}
#page-dashboard .dashboard-occupancy>div:last-child strong{color:#1c1d22;font-size:13px}
#page-dashboard .dashboard-occupancy>div:last-child span{color:#90939a;font-size:8px}
#page-dashboard .dashboard-insight-row{display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #f0f1f3;color:#70747d;font-size:9px}
#page-dashboard .dashboard-insight-row strong{color:#202127;font-size:11px}
#page-dashboard .dashboard-stock-total{display:grid;gap:4px;padding:2px 0 13px;border-bottom:1px solid #f0f1f3}
#page-dashboard .dashboard-stock-total small{color:#7c8088;font-size:9px}
#page-dashboard .dashboard-stock-total strong{color:#191a1e;font-size:19px;letter-spacing:-.3px}
#page-dashboard .dashboard-stock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:12px}
#page-dashboard .dashboard-stock-stats>div{display:grid;justify-items:start;gap:3px;min-width:0}
#page-dashboard .dashboard-stock-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:12px;font-weight:800}
#page-dashboard .dashboard-stock-icon.warning{background:#fff4e8;color:#cc7627}.dashboard-stock-icon.danger{background:#fff0f0;color:#d71922}.dashboard-stock-icon.neutral{background:#f0f1f3;color:#555a63}
#page-dashboard .dashboard-stock-stats small{color:#858992;font-size:8px;white-space:nowrap}
#page-dashboard .dashboard-stock-stats strong{color:#202127;font-size:12px}
#page-dashboard .dashboard-staff-overview{min-height:104px}
#page-dashboard .dashboard-staff-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 0 4px}
#page-dashboard .dashboard-staff-numbers>div{display:grid;justify-items:center;gap:4px;padding:8px 3px;border-right:1px solid #eff0f2}
#page-dashboard .dashboard-staff-numbers>div:last-child{border:0}
#page-dashboard .dashboard-staff-numbers small{color:#7b7f87;font-size:8px}
#page-dashboard .dashboard-staff-numbers strong{color:#202127;font-size:16px}
#page-dashboard .staff-dot{width:9px;height:9px;border-radius:50%;background:#16965c}.staff-dot.late{background:#e49a35}.staff-dot.absent{background:#d71922}
#page-dashboard .dashboard-staff-overview>p{margin:8px 0 0;color:#81858d;font-size:9px;text-align:center}
#page-dashboard .dashboard-branch-list{display:grid;gap:9px}
#page-dashboard .dashboard-branch-row>div{display:flex;justify-content:space-between;gap:6px;color:#535861;font-size:9px}
#page-dashboard .dashboard-branch-row>div strong{color:#202127;font-size:9px;white-space:nowrap}
#page-dashboard .dashboard-branch-row>small{display:block;margin:2px 0 4px;color:#9699a0;font-size:8px}
#page-dashboard .dashboard-branch-row>i,#page-dashboard .dashboard-item-info i{display:block;height:5px;overflow:hidden;border-radius:99px;background:#f0f1f3}
#page-dashboard .dashboard-branch-row>i b,#page-dashboard .dashboard-item-info i b{display:block;height:100%;border-radius:99px;background:#e21d27}
#page-dashboard .dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(235px,.8fr);gap:12px;align-items:stretch}
#page-dashboard .dashboard-item-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0f1f3}
#page-dashboard .dashboard-item-row:last-child{border-bottom:0}
#page-dashboard .dashboard-item-rank{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#fff0f0;color:#c91a22;font-size:9px;font-weight:800}
#page-dashboard .dashboard-item-info{flex:1;min-width:0;display:grid;gap:5px}
#page-dashboard .dashboard-item-info>div{display:flex;justify-content:space-between;gap:6px;min-width:0}
#page-dashboard .dashboard-item-info>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#282a30;font-size:9px}
#page-dashboard .dashboard-item-info>div span{color:#8d9097;font-size:8px;white-space:nowrap}
#page-dashboard .dashboard-item-total{color:#202127;font-size:9px;white-space:nowrap}
#page-dashboard .dashboard-activity-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f1f3}
#page-dashboard .dashboard-activity-row:last-child{border-bottom:0}
#page-dashboard .dashboard-activity-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#fff0f0;color:#d71922;font-size:12px;font-weight:800}
#page-dashboard .dashboard-activity-row>div{display:grid;gap:3px;min-width:0;flex:1}
#page-dashboard .dashboard-activity-row>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#303239;font-size:9px}
#page-dashboard .dashboard-activity-row small{color:#8d9097;font-size:8px}
#page-dashboard .dashboard-activity-row>b{color:#202127;font-size:9px;white-space:nowrap}
#page-dashboard .dashboard-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#page-dashboard .dashboard-quick-actions button{display:grid;justify-items:center;gap:5px;min-height:72px;padding:10px 6px;border:1px solid #e8e9ec;border-radius:11px;background:#fff;color:#24252a;font-size:9px;font-weight:750}
#page-dashboard .dashboard-quick-actions button:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(22,22,25,.08)}
#page-dashboard .dashboard-quick-actions button>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:15px}
#page-dashboard .dashboard-quick-actions .quick-red>span{background:#fff0f0;color:#d71922}#page-dashboard .dashboard-quick-actions .quick-orange>span{background:#fff4e8;color:#c97626}#page-dashboard .dashboard-quick-actions .quick-dark>span{background:#f0f1f3;color:#25262c}#page-dashboard .dashboard-quick-actions .quick-green>span{background:#e8f7ef;color:#168551}
@media(max-width:1350px){#page-dashboard .dashboard-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr) minmax(205px,.85fr)}#page-dashboard .dashboard-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-quick-card{grid-column:1/-1}}
@media(max-width:930px){#page-dashboard .dashboard-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-sales-card{grid-column:1/-1}}
@media(max-width:650px){#page-dashboard.dashboard-page{gap:11px;padding-top:15px}#page-dashboard .dashboard-welcome{align-items:flex-start;flex-direction:column;gap:10px}#page-dashboard .dashboard-welcome h1{font-size:22px}#page-dashboard .dashboard-welcome-actions{width:100%;justify-content:space-between}#page-dashboard .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#page-dashboard .dashboard-kpi{min-height:86px;padding:12px 10px 12px 13px;gap:8px;border-radius:12px}#page-dashboard .dashboard-kpi-icon{flex-basis:33px;width:33px;height:33px;border-radius:10px;font-size:17px}#page-dashboard .dashboard-kpi strong{font-size:16px}#page-dashboard .dashboard-kpi small{font-size:8px}#page-dashboard .dashboard-kpi>div>span{font-size:8px}#page-dashboard .dashboard-main-grid,#page-dashboard .dashboard-insights-grid,#page-dashboard .dashboard-bottom-grid{grid-template-columns:1fr}#page-dashboard .dashboard-sales-card{grid-column:auto}#page-dashboard .dashboard-card{padding:13px}#page-dashboard .dashboard-range-tabs button{padding:6px 5px;font-size:8px}#page-dashboard .dashboard-quick-card{grid-column:auto}#page-dashboard .dashboard-chart-host{min-height:160px}}

/* Dashboard palette matched to the supplied reference image */
#page-dashboard .dashboard-welcome .eyebrow{color:#53657f!important}
#page-dashboard .dashboard-kpi.sales{background:linear-gradient(120deg,#eafff4,#fff)!important;border-color:#b6ebd0!important}
#page-dashboard .dashboard-kpi.profit{background:linear-gradient(120deg,#eef7ff,#fff)!important;border-color:#c7e2ff!important}
#page-dashboard .dashboard-kpi.orders{background:linear-gradient(120deg,#f5efff,#fff)!important;border-color:#e4d5ff!important}
#page-dashboard .dashboard-kpi.expenses{background:linear-gradient(120deg,#fff4e9,#fff)!important;border-color:#ffdfbd!important}
#page-dashboard .dashboard-kpi.sales:before{background:#12a866!important}#page-dashboard .dashboard-kpi.profit:before{background:#1686ee!important}#page-dashboard .dashboard-kpi.orders:before{background:#7b3dd6!important}#page-dashboard .dashboard-kpi.expenses:before{background:#f47a18!important}
#page-dashboard .dashboard-kpi.sales .dashboard-kpi-icon{background:#dcf9e9!important;color:#078747!important}#page-dashboard .dashboard-kpi.profit .dashboard-kpi-icon{background:#dceeff!important;color:#1476d5!important}#page-dashboard .dashboard-kpi.orders .dashboard-kpi-icon{background:#eee3ff!important;color:#7034c5!important}#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-icon{background:#ffead5!important;color:#dc6e0c!important}
#page-dashboard .dashboard-kpi.sales .dashboard-kpi-spark{filter:none!important;background-image:linear-gradient(to top,transparent 0 18%,#12a866 18% 46%,transparent 46%),linear-gradient(to top,transparent 0 35%,#12a866 35% 70%,transparent 70%),linear-gradient(to top,transparent 0 55%,#12a866 55% 100%,transparent 100%)}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-spark{filter:none!important;background-image:linear-gradient(to top,transparent 0 18%,#1686ee 18% 46%,transparent 46%),linear-gradient(to top,transparent 0 35%,#1686ee 35% 70%,transparent 70%),linear-gradient(to top,transparent 0 55%,#1686ee 55% 100%,transparent 100%)}
#page-dashboard .dashboard-kpi.orders .dashboard-kpi-spark{filter:none!important;background-image:linear-gradient(to top,transparent 0 18%,#7b3dd6 18% 46%,transparent 46%),linear-gradient(to top,transparent 0 35%,#7b3dd6 35% 70%,transparent 70%),linear-gradient(to top,transparent 0 55%,#7b3dd6 55% 100%,transparent 100%)}
#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-spark{filter:none!important;background-image:linear-gradient(to top,transparent 0 18%,#f47a18 18% 46%,transparent 46%),linear-gradient(to top,transparent 0 35%,#f47a18 35% 70%,transparent 70%),linear-gradient(to top,transparent 0 55%,#f47a18 55% 100%,transparent 100%)}
#page-dashboard .dashboard-chart-bar{fill:#12a866!important}#page-dashboard .dashboard-chart-bar:hover{fill:#087d4b!important}
#page-dashboard .dashboard-finance-list .finance-net{background:#eaf8ef!important}
#page-dashboard .dashboard-finance-list .finance-net span,#page-dashboard .dashboard-finance-list .finance-net strong{color:#116b3e!important}
#page-dashboard .dashboard-branch-row>i b,#page-dashboard .dashboard-item-info i b{background:#12a866!important}
#page-dashboard .dashboard-activity-icon{background:#e5f8ed!important;color:#118750!important}
#page-dashboard .dashboard-item-rank{background:#fff4e3!important;color:#cf7514!important}
#page-dashboard .dashboard-welcome .button.primary{background:#1f2c43!important;border-color:#1f2c43!important;color:#fff!important;box-shadow:0 5px 14px #1f2c4325!important}
/* Reference sidebar is deep navy with a warm selected state */
.sidebar{background:#142035!important;color:#f7f8fb!important;border-color:#26334a!important}
.sidebar .brand strong,.sidebar .nav-item{color:#eef1f7!important}
.sidebar .brand small,.sidebar .side-label{color:#aab5c5!important}
.sidebar .brand-mark{background:linear-gradient(145deg,#23334d,#101a2c)!important;box-shadow:0 8px 18px #0004!important}
.sidebar .nav-item:hover{background:#21314a!important;color:#fff!important}
.sidebar .nav-item.active{background:#f0b83c!important;color:#101a2b!important;box-shadow:0 4px 12px #e5a82d35!important}
.sidebar .nav-item.active .nav-icon{color:#101a2b!important}
.sidebar .nav-icon{color:#d7deea!important}
.sidebar .private-card{background:#17263d!important;border-color:#36445b!important;color:#f7f8fb!important}

/* Dashboard reference polish: keep Salt & Pepper figures, give the primary KPIs the reference hierarchy. */
.dashboard-icon-library{position:absolute;width:0;height:0;overflow:hidden}
#page-dashboard .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:9px}
#page-dashboard .dashboard-kpi-secondary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{min-height:78px;padding:10px 12px;gap:9px;border-radius:12px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi-icon{flex-basis:34px;width:34px;height:34px;border-radius:50%;font-size:15px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi strong{font-size:16px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi>div>span{font-size:8px}
#page-dashboard .dashboard-kpi-icon svg,#page-dashboard .dashboard-section-icon svg,#page-dashboard .dashboard-stock-icon svg,#page-dashboard .dashboard-quick-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#page-dashboard .dashboard-section-icon.blue{background:#e9f2ff;color:#2878dd}
#page-dashboard .dashboard-section-icon.purple{background:#f2eaff;color:#7844d4}
#page-dashboard .dashboard-section-icon.orange{background:#fff1df;color:#e18618}
#page-dashboard .dashboard-kpi-trend{display:block!important;width:max-content;max-width:100%;overflow:visible!important;font-size:9px!important;font-weight:750;color:#178a53!important}
#page-dashboard .dashboard-kpi-trend{text-transform:none!important;letter-spacing:0!important}
#page-dashboard .dashboard-kpi-trend span{font-weight:500;color:#737986}
#page-dashboard .dashboard-kpi-trend.good{color:#16864f!important}
#page-dashboard .dashboard-kpi-trend.bad{color:#d94f4f!important}
#page-dashboard .dashboard-kpi-trend.neutral{color:#7b8492!important}
#page-dashboard .dashboard-kpi-trend b{font-size:10px}
#page-dashboard .dashboard-order-row>span{display:flex;align-items:center;gap:8px}
#page-dashboard .dashboard-order-row>span svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#2878dd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#page-dashboard .dashboard-order-row.type-takeaway>span svg{stroke:#ed8b22}
#page-dashboard .dashboard-order-row.type-delivery>span svg{stroke:#d94b54}
#page-dashboard .dashboard-order-row.type-foodpanda>span svg{stroke:#db5966}
#page-dashboard .dashboard-order-row>small{color:#68768e;font-size:9px;font-weight:650}
#page-dashboard .dashboard-kpi.sales .dashboard-kpi-icon{background:#078a48!important;color:#fff!important}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-icon{background:#197fe0!important;color:#fff!important}
#page-dashboard .dashboard-kpi.orders .dashboard-kpi-icon{background:#7842d1!important;color:#fff!important}
#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-icon{background:#f27c18!important;color:#fff!important}
#page-dashboard .dashboard-kpi.tender-cash .dashboard-kpi-icon{background:#e8f8ef!important;color:#14884e!important}
#page-dashboard .dashboard-kpi.tender-card .dashboard-kpi-icon{background:#eaf2ff!important;color:#347cdd!important}
#page-dashboard .dashboard-kpi.tender-foodpanda .dashboard-kpi-icon{background:#fff0f1!important;color:#dc5965!important}
#page-dashboard .dashboard-kpi.cash-drawer-kpi .dashboard-kpi-icon{background:#fff7df!important;color:#b78208!important}
#page-dashboard .dashboard-kpi.monthly-sales-kpi .dashboard-kpi-icon{background:#f0eaff!important;color:#7844d4!important}
#page-dashboard .dashboard-stock-icon svg{width:15px;height:15px}
#page-dashboard .dashboard-quick-actions button>span{width:34px;height:34px;border-radius:50%}
#page-dashboard .dashboard-quick-actions button>span svg{width:19px;height:19px}
#page-dashboard .dashboard-recent-card .dashboard-activity-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center}
#page-dashboard .dashboard-activity-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#page-dashboard .dashboard-branch-row small{font-variant-numeric:tabular-nums}
@media(max-width:1150px){#page-dashboard .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-kpi-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#page-dashboard .dashboard-kpi-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-kpi-trend{font-size:8px!important}}

/* Dashboard visibility and typography follow the reference mockup. */
#page-dashboard.dashboard-page{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif;display:none}
#page-dashboard.dashboard-page.active{display:grid}
#page-dashboard .dashboard-welcome h1{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif;font-size:27px;font-weight:750;letter-spacing:-.45px}
#page-dashboard .dashboard-welcome p.muted{font-size:13px}
#page-dashboard .dashboard-kpi small{font-size:11px;letter-spacing:.2px}
#page-dashboard .dashboard-kpi strong{font-size:24px;font-weight:750;letter-spacing:-.35px}
#page-dashboard .dashboard-kpi>div>span{font-size:10px}
#page-dashboard .dashboard-card-head h2{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:750;letter-spacing:-.1px}
#page-dashboard .dashboard-card-head p{font-size:10px}
#page-dashboard .dashboard-finance-list>div span{font-size:11px}
#page-dashboard .dashboard-finance-list>div strong{font-size:12px;font-weight:750}
#page-dashboard .dashboard-order-row span{font-size:11px}
#page-dashboard .dashboard-order-row strong{font-size:12px;font-weight:750}
#page-dashboard .dashboard-order-row small{font-size:10px}
/* Click-to-expand owner dashboard KPIs. */
#page-dashboard .dashboard-kpi{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
#page-dashboard .dashboard-kpi:hover,#page-dashboard .dashboard-kpi.is-expanded{transform:translateY(-2px);box-shadow:0 9px 22px rgba(25,35,50,.11)}
#page-dashboard .dashboard-kpi:focus-visible{outline:3px solid #1686ee;outline-offset:3px}
#page-dashboard .dashboard-kpi-detail{min-width:0}
#page-dashboard .dashboard-kpi-detail-panel{padding:15px 18px;border:1px solid #dce4ee;border-radius:14px;background:linear-gradient(120deg,#f8fbff,#fff);box-shadow:0 5px 16px rgba(22,36,57,.05)}
#page-dashboard .dashboard-kpi-detail-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
#page-dashboard .dashboard-kpi-detail-panel h2{margin:0;color:#1f2c43;font-size:15px;font-weight:750}
#page-dashboard .dashboard-kpi-detail-panel p{margin:3px 0 0;color:#7b8491;font-size:10px}
#page-dashboard .dashboard-kpi-detail-panel>header button{flex:0 0 auto;padding:6px 10px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#34445c;font-size:10px;font-weight:700}
#page-dashboard .dashboard-kpi-detail-panel h3{margin:16px 0 7px;color:#26364c;font-size:12px;font-weight:750}
#page-dashboard .dashboard-detail-table{max-height:330px;overflow:auto;border:1px solid #e5eaf1;border-radius:10px;background:#fff;overscroll-behavior:contain}
#page-dashboard .dashboard-detail-table-head,#page-dashboard .dashboard-detail-table-row{display:grid;min-width:760px;grid-template-columns:minmax(130px,1.15fr) minmax(110px,.9fr) minmax(145px,1.25fr) minmax(120px,1fr) minmax(105px,.85fr) minmax(100px,.8fr);align-items:center;gap:10px;padding:9px 11px}
#page-dashboard .dashboard-detail-table.cols-4 .dashboard-detail-table-head,#page-dashboard .dashboard-detail-table.cols-4 .dashboard-detail-table-row{grid-template-columns:minmax(130px,1.1fr) minmax(110px,.8fr) minmax(180px,2fr) minmax(110px,.8fr)}
#page-dashboard .dashboard-detail-table.cols-5 .dashboard-detail-table-head,#page-dashboard .dashboard-detail-table.cols-5 .dashboard-detail-table-row{grid-template-columns:minmax(130px,1.1fr) minmax(110px,.8fr) minmax(130px,1fr) minmax(130px,1fr) minmax(110px,.8fr)}
#page-dashboard .dashboard-detail-table.cols-7 .dashboard-detail-table-head,#page-dashboard .dashboard-detail-table.cols-7 .dashboard-detail-table-row{min-width:1120px;grid-template-columns:minmax(130px,1.1fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(110px,.9fr) minmax(135px,1fr) minmax(105px,.85fr) minmax(135px,1fr)}
#page-dashboard .dashboard-detail-table.cols-8 .dashboard-detail-table-head,#page-dashboard .dashboard-detail-table.cols-8 .dashboard-detail-table-row{min-width:1120px;grid-template-columns:minmax(135px,1.1fr) minmax(105px,.8fr) minmax(145px,1.25fr) minmax(52px,.45fr) repeat(4,minmax(95px,.8fr))}
#page-dashboard .dashboard-detail-table-head{position:sticky;top:0;z-index:1;background:#f2f5fa;color:#607086;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #e3e9f0}
#page-dashboard .dashboard-detail-table-row{border-bottom:1px solid #edf0f4;color:#28364b;font-size:10px}
#page-dashboard .dashboard-detail-table-row:last-child{border-bottom:0}
#page-dashboard .dashboard-detail-table-row:nth-child(even){background:#fbfcfe}
#page-dashboard .dashboard-detail-table-row>span{min-width:0;overflow-wrap:anywhere}
#page-dashboard .dashboard-detail-table-row>span:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
#page-dashboard .dashboard-detail-empty{padding:14px;border:1px dashed #d8e0ea;border-radius:9px;background:#fff;color:#748195;font-size:11px;text-align:center}
#page-dashboard .dashboard-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:4px}
#page-dashboard .dashboard-detail-summary>div{display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e8edf3;border-radius:9px;background:#fff;color:#69778a;font-size:10px}
#page-dashboard .dashboard-detail-summary strong{color:#24354b;font-size:11px;white-space:nowrap}
#page-dashboard .dashboard-detail-summary .is-total{background:#eef8f2;border-color:#cdebd7}
#page-dashboard .dashboard-detail-summary .is-total strong{color:#168449}
#page-dashboard .dashboard-cash-drawer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}
#page-dashboard .dashboard-cash-drawer-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 11px;border:1px solid #e8edf3;border-radius:9px;background:#fff;color:#69778a;font-size:10px}
#page-dashboard .dashboard-cash-drawer-summary>div strong{color:#24354b;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
#page-dashboard .dashboard-cash-drawer-summary>div.is-total{grid-column:1/-1;background:#fff8e5;border-color:#f0d78b}
#page-dashboard .dashboard-cash-drawer-summary>div.is-total strong{color:#8d6705}
#page-dashboard .dashboard-open-cash{margin-top:10px}
#page-dashboard .dashboard-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 14px}
#page-dashboard .dashboard-month-cell{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid #e7ebf1;border-radius:10px;background:#fff}
#page-dashboard .dashboard-month-cell>span{color:#637186;font-size:10px;font-weight:750}
#page-dashboard .dashboard-month-cell>strong{color:#202c40;font-size:12px;font-variant-numeric:tabular-nums}
#page-dashboard .dashboard-month-cell>small{color:#8a94a2;font-size:9px}
#page-dashboard .dashboard-month-cell.is-current{border-color:#e7b5b8;background:linear-gradient(145deg,#fff1f1,#fff);box-shadow:inset 0 0 0 1px #e21d2710}
#page-dashboard .dashboard-month-cell.is-current>span{color:#c71c25}
#page-dashboard .dashboard-month-cell.is-current>strong{color:#a9151d}
#page-dashboard .dashboard-kpi-detail-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#page-dashboard .dashboard-kpi-detail-rows>div{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #edf0f4;border-radius:9px;background:#fff;color:#697384;font-size:11px}
#page-dashboard .dashboard-kpi-detail-rows>div strong{color:#1f2c43;font-size:12px;font-weight:750;text-align:right;white-space:nowrap}
#page-dashboard .dashboard-kpi-detail-rows>div.is-total{border-color:#c7e2ff;background:#eef7ff;color:#263b56;font-weight:700}
#page-dashboard .dashboard-kpi-detail-rows>div.is-total strong{color:#1476d5}
@media(max-width:900px){#page-dashboard .dashboard-kpi-detail-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#page-dashboard .dashboard-kpi-detail-rows{grid-template-columns:1fr}#page-dashboard .dashboard-kpi-detail-panel{padding:12px}}
@media(max-width:760px){#page-dashboard .dashboard-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#page-dashboard .dashboard-kpi-detail-panel{padding:12px}}
@media(max-width:650px){#page-dashboard .dashboard-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Restore the polished black dashboard navigation strip. */
.topbar{background:linear-gradient(112deg,#101720 0%,#1d2736 58%,#121a26 100%)!important;border-bottom:3px solid #d71922!important;box-shadow:0 7px 20px rgba(10,16,24,.2)!important;color:#f7f8fb!important;backdrop-filter:blur(12px)}
.sidebar-toggle,.logout-button,.date-chip,.live-badge{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#edf1f7!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}
.sidebar-toggle:hover,.logout-button:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.topbar .module-tab,.topbar .module-tab-icon{color:#dce3ed!important}
.topbar .module-tab{border-color:transparent!important;border-radius:9px!important}
.topbar .module-tab:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.topbar .module-tab:hover .module-tab-icon{color:#fff!important}
.topbar .module-tab.active{background:linear-gradient(135deg,#dc1f2a,#a9141d)!important;border-color:#ef555d!important;color:#fff!important;box-shadow:0 4px 12px rgba(215,25,34,.28)!important}
.topbar .module-tab.active .module-tab-icon{color:#fff!important}
.topbar .module-tab[data-module-page="pos"],.topbar .module-tab[data-module-page="pos"].active{background:linear-gradient(135deg,#e21d27,#b9151e)!important;border-color:#f0444c!important;color:#fff!important;box-shadow:0 4px 13px rgba(215,25,34,.3)!important}
.topbar .module-tab.live-cash-nav.active{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.topbar .module-tab.live-cash-nav .module-tab-icon{color:#f2c454!important}
.module-tab.live-bank-nav{position:relative;gap:8px}.module-tab.live-bank-nav .module-tab-icon{color:#4876bd!important}.module-tab.live-bank-nav.active{background:#edf3ff!important;border-color:#d7e3fb!important;color:#294f8e!important}.module-tab.live-bank-nav.active .module-tab-icon{color:#4876bd!important}.live-bank-nav.is-stale .live-cash-nav-amount{color:#a33c33;background:#fff5f3;border-color:#f1d4d1}.topbar .module-tab.live-bank-nav.active{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}.topbar .module-tab.live-bank-nav .module-tab-icon{color:#91b8ff!important}
.topbar .live-cash-nav-amount{background:#fff!important;color:#253044!important;border-color:#d8deea!important}
.topbar .live-bank-nav .live-cash-nav-amount{background:#fff!important;color:#253044!important;border-color:#d8deea!important}
#live-bank-amount{font-size:clamp(36px,5vw,58px);line-height:1;font-weight:850;letter-spacing:-2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.topbar .mobile-brand{color:#fff!important}

/* Restore the former full-width charcoal dashboard hero from the saved dashboard version. */
#page-dashboard .dashboard-welcome{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:164px;margin:-29px -36px 23px;padding:32px 44px 48px;border:0;border-top:3px solid #d71920;border-radius:0 0 0 38px;background:#242428;color:#fff;box-shadow:none}
#page-dashboard .dashboard-welcome:before{content:"";position:absolute;z-index:-1;width:390px;height:390px;right:8%;top:-250px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 24px #ffffff0a,0 0 0 55px #ffffff08;pointer-events:none}
#page-dashboard .dashboard-welcome:after{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;bottom:-32px;height:56px;background:var(--paper);border-radius:48% 54% 0 0 / 70% 85% 0 0;transform:rotate(-.4deg);pointer-events:none}
#page-dashboard .dashboard-welcome>div{position:relative;z-index:1}
#page-dashboard .dashboard-welcome .eyebrow{color:#ffb5ba!important;font-size:10px;letter-spacing:1.5px}
#page-dashboard .dashboard-welcome h1{color:#fff!important;font-size:32px;font-weight:750;letter-spacing:-.7px}
#page-dashboard .dashboard-welcome p.muted{color:#d5d5dc!important;font-size:13px}
#page-dashboard .dashboard-date-chip{border-color:#ffffff2b!important;background:#ffffff12!important;color:#fff!important;box-shadow:none!important}
#page-dashboard .dashboard-welcome .button.primary{background:#d71920!important;border-color:#d71920!important;color:#fff!important;box-shadow:none!important}
@media(min-width:1800px){#page-dashboard .dashboard-welcome{margin-left:-48px;margin-right:-48px;padding-left:56px;padding-right:56px}}
@media(max-width:650px){#page-dashboard .dashboard-welcome{min-height:153px;margin:-15px -14px 16px;padding:25px 16px 38px;border-radius:0 0 0 23px;align-items:flex-start;gap:10px}#page-dashboard .dashboard-welcome h1{font-size:25px}#page-dashboard .dashboard-welcome p.muted{font-size:10px;max-width:260px}#page-dashboard .dashboard-welcome-actions{width:100%;justify-content:space-between}}
/* Stock item editing controls */
.stock-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stock-edit-note{grid-column:1/-1;padding:10px 12px;border:1px solid #ecd89e;border-left:3px solid #d4a330;border-radius:8px;background:#fff9e8;color:#725b1e;font-size:11px;line-height:1.5}
.stock-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
/* Rounded decorative mini-bars on dashboard KPI cards. */
#page-dashboard .dashboard-kpi-spark{display:flex;align-items:flex-end;justify-content:flex-end;gap:3px;background:none!important;filter:none!important;opacity:.28}
#page-dashboard .dashboard-kpi-spark>b{display:block;flex:0 0 7px;width:7px;border-radius:5px 5px 3px 3px;background:currentColor}
#page-dashboard .dashboard-kpi-spark>b:nth-child(1){height:7px}
#page-dashboard .dashboard-kpi-spark>b:nth-child(2){height:12px}
#page-dashboard .dashboard-kpi-spark>b:nth-child(3){height:18px}
#page-dashboard .dashboard-kpi.sales .dashboard-kpi-spark{color:#12a866}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-spark{color:#1686ee}
#page-dashboard .dashboard-kpi.orders .dashboard-kpi-spark{color:#7b3dd6}
#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-spark{color:#f47a18}
#page-dashboard .dashboard-kpi.tender-cash .dashboard-kpi-spark{color:#15965d}
#page-dashboard .dashboard-kpi.tender-card .dashboard-kpi-spark{color:#3278d4}
#page-dashboard .dashboard-kpi.tender-foodpanda .dashboard-kpi-spark{color:#e86d78}
#page-dashboard .dashboard-kpi.cash-drawer-kpi .dashboard-kpi-spark{color:#d7a527}
#page-dashboard .dashboard-kpi.monthly-sales-kpi .dashboard-kpi-spark{color:#7656bd}
/* Softer rounded geometry keeps the whole owner dashboard visually consistent. */
#page-dashboard .dashboard-kpi{border-radius:999px!important;min-height:116px;padding:16px 24px;box-shadow:0 8px 24px rgba(24,34,48,.065);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#page-dashboard .dashboard-kpi:hover,#page-dashboard .dashboard-kpi.is-expanded{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,34,48,.105)}
#page-dashboard .dashboard-kpi-icon{border-radius:50%!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{min-height:84px;padding:11px 20px;border-radius:999px!important}
#page-dashboard .dashboard-card{border-radius:20px!important;box-shadow:0 7px 22px rgba(24,34,48,.055)}
#page-dashboard .dashboard-kpi-detail-panel{border-radius:20px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-cash{background:linear-gradient(125deg,#eaf9f0,#fff)!important;border-color:#c4ebd2!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-card{background:linear-gradient(125deg,#edf5ff,#fff)!important;border-color:#cbdfff!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-foodpanda{background:linear-gradient(125deg,#fff0f1,#fff)!important;border-color:#f5d0d4!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.cash-drawer-kpi{background:linear-gradient(125deg,#fff8e5,#fff)!important;border-color:#f1e0ab!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.monthly-sales-kpi{background:linear-gradient(125deg,#f3efff,#fff)!important;border-color:#dfd5fa!important}
#page-dashboard .dashboard-kpi-spark>b{border-radius:999px}
@media(max-width:650px){#page-dashboard .dashboard-kpi{min-height:94px;padding:12px 15px;border-radius:999px!important}#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{min-height:78px;padding:10px 14px;border-radius:999px!important}#page-dashboard .dashboard-card{border-radius:17px!important}}
/* Signature capsule KPI treatment: soft color fields, inset accent rails, and orbital highlights. */
#page-dashboard .dashboard-kpi{isolation:isolate;overflow:hidden;border-width:1px!important;background:linear-gradient(112deg,#fff 0%,var(--kpi-tint,#f7f9fc) 100%)!important;box-shadow:0 8px 20px rgba(20,31,50,.055),inset 0 1px 0 #ffffffd9!important}
#page-dashboard .dashboard-kpi:before{z-index:-1;left:7px!important;top:23%!important;bottom:23%!important;width:5px!important;border-radius:999px!important;background:var(--kpi-accent,#d71920)!important;opacity:.8}
#page-dashboard .dashboard-kpi:after{content:"";position:absolute;z-index:-1;right:-29px;top:50%;width:104px;height:104px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--kpi-accent,#d71920) 16%,transparent);border-radius:50%;box-shadow:0 0 0 11px color-mix(in srgb,var(--kpi-accent,#d71920) 5%,transparent),0 0 0 23px color-mix(in srgb,var(--kpi-accent,#d71920) 3%,transparent);pointer-events:none}
#page-dashboard .dashboard-kpi.sales{--kpi-accent:#078a48;--kpi-tint:#ecfaf2}
#page-dashboard .dashboard-kpi.profit{--kpi-accent:#197fe0;--kpi-tint:#edf6ff}
#page-dashboard .dashboard-kpi.orders{--kpi-accent:#7842d1;--kpi-tint:#f5efff}
#page-dashboard .dashboard-kpi.expenses{--kpi-accent:#f27c18;--kpi-tint:#fff5e9}
#page-dashboard .dashboard-kpi.tender-cash{--kpi-accent:#15965d;--kpi-tint:#effaf3}
#page-dashboard .dashboard-kpi.tender-card{--kpi-accent:#3278d4;--kpi-tint:#eff5ff}
#page-dashboard .dashboard-kpi.tender-foodpanda{--kpi-accent:#e35468;--kpi-tint:#fff2f3}
#page-dashboard .dashboard-kpi.cash-drawer-kpi{--kpi-accent:#c09213;--kpi-tint:#fff9e8}
#page-dashboard .dashboard-kpi.monthly-sales-kpi{--kpi-accent:#7656bd;--kpi-tint:#f5f1ff}
#page-dashboard .dashboard-kpi>div{position:relative;z-index:1;min-width:0}
#page-dashboard .dashboard-kpi-icon{position:relative;z-index:1;box-shadow:0 4px 12px rgba(20,31,50,.1),inset 0 1px 0 #ffffff55!important;border:1px solid #ffffff65}
#page-dashboard .dashboard-kpi strong{letter-spacing:-.45px}
#page-dashboard .dashboard-kpi-spark{position:relative;z-index:1;margin-right:7px}
#page-dashboard .dashboard-kpi-trend{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #ffffffb8;border-radius:999px;background:#ffffffa8;backdrop-filter:blur(6px)}
#page-dashboard .dashboard-card{border-color:#e5e9f0!important;background:linear-gradient(145deg,#fff,#fcfdff)!important;box-shadow:0 10px 26px rgba(24,34,48,.06),inset 0 1px 0 #fff!important}
#page-dashboard .dashboard-card-head{padding-bottom:10px;border-bottom:1px solid #edf0f5}
@media(max-width:650px){#page-dashboard .dashboard-kpi:after{right:-43px;width:88px;height:88px}#page-dashboard .dashboard-kpi:before{left:5px!important}#page-dashboard .dashboard-card-head{padding-bottom:8px}}
/* Salt'n Pepper signature: vivid, deep-color capsule cards with illuminated medallions. */
#page-dashboard .dashboard-kpi{border:1px solid #ffffff28!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,26,40,.17),inset 0 1px 0 #ffffff35!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;background-color:#242833!important}
#page-dashboard .dashboard-kpi:hover,#page-dashboard .dashboard-kpi.is-expanded{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 34px rgba(20,26,40,.25),inset 0 1px 0 #ffffff55!important;filter:saturate(1.08)}
#page-dashboard .dashboard-kpi.sales{background-image:radial-gradient(circle at 88% 18%,#46e0a14a,transparent 28%),linear-gradient(118deg,#07513e,#087d59 56%,#0b9b67)!important}
#page-dashboard .dashboard-kpi.profit{background-image:radial-gradient(circle at 88% 18%,#68b7ff58,transparent 28%),linear-gradient(118deg,#113c70,#155ca2 56%,#207fd2)!important}
#page-dashboard .dashboard-kpi.orders{background-image:radial-gradient(circle at 88% 18%,#c9a2ff60,transparent 28%),linear-gradient(118deg,#42216e,#6531a1 56%,#874ed0)!important}
#page-dashboard .dashboard-kpi.expenses{background-image:radial-gradient(circle at 88% 18%,#ffd18a65,transparent 28%),linear-gradient(118deg,#76320c,#b84c12 56%,#e7771d)!important}
#page-dashboard .dashboard-kpi.tender-cash{background-image:radial-gradient(circle at 90% 12%,#7dffb64a,transparent 30%),linear-gradient(120deg,#07503d,#087e57)!important}
#page-dashboard .dashboard-kpi.tender-card{background-image:radial-gradient(circle at 90% 12%,#9dc9ff55,transparent 30%),linear-gradient(120deg,#143d73,#216fbd)!important}
#page-dashboard .dashboard-kpi.tender-foodpanda{background-image:radial-gradient(circle at 90% 12%,#ff9dab55,transparent 30%),linear-gradient(120deg,#712937,#b73c53)!important}
#page-dashboard .dashboard-kpi.cash-drawer-kpi{background-image:radial-gradient(circle at 90% 12%,#ffe58b5c,transparent 30%),linear-gradient(120deg,#6c4b08,#ab7b0e)!important}
#page-dashboard .dashboard-kpi.monthly-sales-kpi{background-image:radial-gradient(circle at 90% 12%,#c6adff5c,transparent 30%),linear-gradient(120deg,#402364,#7240a8)!important}
#page-dashboard .dashboard-kpi:before{left:8px!important;top:22%!important;bottom:22%!important;width:4px!important;background:#ffffffb8!important;opacity:.8}
#page-dashboard .dashboard-kpi:after{right:-38px;width:132px;height:132px;border-color:#ffffff32;box-shadow:0 0 0 12px #ffffff0c,0 0 0 27px #ffffff09,0 0 36px #ffffff12}
#page-dashboard .dashboard-kpi small,#page-dashboard .dashboard-kpi>div>span{color:#ffffffcc!important}
#page-dashboard .dashboard-kpi strong{color:#fff!important;text-shadow:0 2px 10px #00000022}
#page-dashboard .dashboard-kpi-icon{background:#ffffffed!important;color:#213048!important;border:0!important;box-shadow:0 0 0 5px #ffffff20,0 7px 18px #00000024!important}
#page-dashboard .dashboard-kpi.sales .dashboard-kpi-icon{color:#078a48!important}
#page-dashboard .dashboard-kpi.profit .dashboard-kpi-icon{color:#197fe0!important}
#page-dashboard .dashboard-kpi.orders .dashboard-kpi-icon{color:#7842d1!important}
#page-dashboard .dashboard-kpi.expenses .dashboard-kpi-icon{color:#e66d12!important}
#page-dashboard .dashboard-kpi-spark{color:#fff!important;opacity:.78}
#page-dashboard .dashboard-kpi-spark>b{background:#ffffffcf!important;box-shadow:0 0 9px #ffffff4a}
#page-dashboard .dashboard-kpi-trend{border-color:#ffffff5c;background:#ffffffeb;color:#147949!important;box-shadow:0 3px 10px #00000012}
#page-dashboard .dashboard-kpi-trend span{color:#4e5a67!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{min-height:84px;padding-left:19px;padding-right:18px}
@media(max-width:650px){#page-dashboard .dashboard-kpi:after{right:-45px;width:106px;height:106px}#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{min-height:78px;padding-left:15px;padding-right:13px}}
/* Readability correction: keep the capsule identity while removing the oversized glow layers. */
#page-dashboard .dashboard-kpi:after{display:none!important}
#page-dashboard .dashboard-kpi:before{left:8px!important;top:26%!important;bottom:26%!important;width:4px!important;background:#ffffff8c!important;opacity:1}
#page-dashboard .dashboard-kpis .dashboard-kpi{min-height:124px;padding:16px 18px 16px 22px;gap:13px;box-shadow:0 8px 20px rgba(20,26,40,.13),inset 0 1px 0 #ffffff42!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.sales{background-image:linear-gradient(115deg,#087052,#0c9a6c)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.profit{background-image:linear-gradient(115deg,#17528a,#2681cc)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.orders{background-image:linear-gradient(115deg,#58318c,#8555c9)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.expenses{background-image:linear-gradient(115deg,#a84d17,#df7926)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi>div{flex:1 1 auto;min-width:0;gap:4px}
#page-dashboard .dashboard-kpis .dashboard-kpi>div>span{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2;max-width:100%;font-size:9px!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-icon{flex-basis:44px;width:44px;height:44px;background:#fff!important;border:0!important;box-shadow:0 0 0 5px #ffffff25,0 4px 12px #0002!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.sales .dashboard-kpi-icon{color:#087052!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.profit .dashboard-kpi-icon{color:#17528a!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.orders .dashboard-kpi-icon{color:#7045aa!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.expenses .dashboard-kpi-icon{color:#bc5b1c!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-spark{margin-right:2px;opacity:.62}
#page-dashboard .dashboard-kpis .dashboard-kpi-spark>b{background:#fff!important;box-shadow:none}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend{width:max-content;max-width:100%;padding:3px 7px;border:0;background:#ffffffec;color:#147949!important;font-size:9px!important;line-height:1.2;white-space:nowrap}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend span{color:#536170!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi{border-width:1px!important;box-shadow:0 5px 13px rgba(28,42,62,.055),inset 0 1px 0 #fff!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi small,#page-dashboard .dashboard-kpi-secondary .dashboard-kpi>div>span{color:#667085!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi strong{color:#17243a!important;text-shadow:none!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi-icon{background:#ffffffd9!important;border:1px solid #ffffff!important;box-shadow:0 3px 10px #18263b12!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-cash .dashboard-kpi-icon{color:#14884e!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-card .dashboard-kpi-icon{color:#347cdd!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.tender-foodpanda .dashboard-kpi-icon{color:#dc5965!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.cash-drawer-kpi .dashboard-kpi-icon{color:#a77909!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi.monthly-sales-kpi .dashboard-kpi-icon{color:#7844d4!important}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi-spark{opacity:.38}
@media(max-width:650px){#page-dashboard .dashboard-kpis .dashboard-kpi{min-height:108px;padding:13px 14px 13px 17px;gap:9px}#page-dashboard .dashboard-kpis .dashboard-kpi-icon{flex-basis:36px;width:36px;height:36px}#page-dashboard .dashboard-kpis .dashboard-kpi strong{font-size:16px!important}#page-dashboard .dashboard-kpis .dashboard-kpi>div>span{font-size:8px!important}}
/* Owner feedback polish: quieter color, flatter elevation, and balanced card corners. */
#page-dashboard .dashboard-kpis .dashboard-kpi{border-radius:24px!important;border:1px solid var(--kpi-border,#e6eaf0)!important;box-shadow:0 4px 13px rgba(24,34,48,.055),inset 0 1px 0 #ffffff!important;color:#19243a!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
#page-dashboard .dashboard-kpis .dashboard-kpi:hover,#page-dashboard .dashboard-kpis .dashboard-kpi.is-expanded{transform:translateY(-1px);box-shadow:0 7px 17px rgba(24,34,48,.085),inset 0 1px 0 #ffffff!important}
#page-dashboard .dashboard-kpis .dashboard-kpi:before{left:0!important;top:18px!important;bottom:18px!important;width:3px!important;background:var(--kpi-accent)!important;opacity:.9}
#page-dashboard .dashboard-kpis .dashboard-kpi.sales{--kpi-accent:#168b58;--kpi-border:#cde8d9;background:linear-gradient(112deg,#eaf7f0,#f7fcf9)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.profit{--kpi-accent:#2877c6;--kpi-border:#d2e4f8;background:linear-gradient(112deg,#edf5fd,#f8fbff)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.orders{--kpi-accent:#7953b8;--kpi-border:#e1d8f0;background:linear-gradient(112deg,#f4effb,#fbf9fe)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.expenses{--kpi-accent:#ca711f;--kpi-border:#f1ddca;background:linear-gradient(112deg,#fff4e9,#fffaf5)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi small{color:#596477!important}
#page-dashboard .dashboard-kpis .dashboard-kpi>div>span{color:#738096!important}
#page-dashboard .dashboard-kpis .dashboard-kpi strong{color:#17243a!important;text-shadow:none!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-icon{background:#ffffffc9!important;border:1px solid #ffffff!important;box-shadow:0 2px 7px rgba(24,34,48,.07)!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.sales .dashboard-kpi-icon{color:#168b58!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.profit .dashboard-kpi-icon{color:#2877c6!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.orders .dashboard-kpi-icon{color:#7953b8!important}
#page-dashboard .dashboard-kpis .dashboard-kpi.expenses .dashboard-kpi-icon{color:#ca711f!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-spark{color:var(--kpi-accent)!important;opacity:.42}
#page-dashboard .dashboard-kpis .dashboard-kpi-spark>b{background:currentColor!important;box-shadow:none!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend{background:#ffffffd9;color:#287a53!important;box-shadow:none;border:1px solid #ffffff}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend span{color:#697587!important}
@media(max-width:650px){#page-dashboard .dashboard-kpis .dashboard-kpi{border-radius:19px!important}}
/* Keep decorative trend bars in the capsule's lower-right corner, clear of the amount. */
#page-dashboard .dashboard-kpi-spark{position:absolute!important;right:24px;bottom:15px;margin:0!important;align-self:auto!important;z-index:2;pointer-events:none}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend.trend-up,
#page-dashboard .dashboard-branch-row small .trend-up{color:#11834b!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend.trend-down,
#page-dashboard .dashboard-branch-row small .trend-down{color:#c62828!important}
#page-dashboard .dashboard-kpis .dashboard-kpi-trend.trend-flat,
#page-dashboard .dashboard-branch-row small .trend-flat{color:#687386!important}
/* Keep KPI symbols visible inside their circular icon medallions. */
#page-dashboard .dashboard-kpi-icon{display:grid!important;place-items:center!important;position:relative!important;z-index:3!important;overflow:visible!important}
#page-dashboard .dashboard-kpi-icon svg{display:block!important;visibility:visible!important;opacity:1!important;flex:none!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#page-dashboard .dashboard-kpi-icon svg use{display:inline!important;visibility:visible!important;opacity:1!important}
#page-dashboard .dashboard-kpis .dashboard-kpi>div{padding-right:16px}
#page-dashboard .dashboard-kpi-secondary .dashboard-kpi-spark{right:17px;bottom:10px}
@media(max-width:650px){#page-dashboard .dashboard-kpi-spark{right:16px;bottom:11px}#page-dashboard .dashboard-kpi-secondary .dashboard-kpi-spark{right:13px;bottom:8px}#page-dashboard .dashboard-kpis .dashboard-kpi>div{padding-right:12px}}
.electricity-form{display:grid;gap:16px}.electricity-fields{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.electricity-bill-total{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px;padding:16px 18px;border:1px solid #d8e8de;border-radius:14px;background:linear-gradient(110deg,#f0faf4,#fbfdfb)}.electricity-bill-total span{color:#516276;font-size:13px;font-weight:700}.electricity-bill-total strong{color:#08794a;font-size:22px}.electricity-bill-total small{grid-column:1/-1;color:#728096}.electricity-form .form-actions{display:flex;justify-content:flex-end}.utility-account-badge{padding:8px 12px;border-radius:99px;background:#eef8f1;color:#197247;font-size:12px;font-weight:750;white-space:nowrap}.electricity-report-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}.electricity-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:12px 0 18px}.electricity-summary-card{padding:16px 18px;border:1px solid #e3e8ef;border-radius:14px;background:linear-gradient(120deg,#fff,#f7fafc);box-shadow:0 3px 10px rgba(25,42,66,.04)}.electricity-summary-card span,.electricity-summary-card small{display:block;color:#69768a;font-size:12px}.electricity-summary-card strong{display:block;margin:8px 0;color:#19263b;font-size:22px}.electricity-summary-card small{font-size:11px}.electricity-report-table{overflow-x:auto}.electricity-report-table .data-table{min-width:1100px}.electricity-report-table tfoot th{background:#f4f6f9;border-top:2px solid #dfe4eb}.electricity-report-note{margin:12px 0 0;padding:12px 14px;border-left:3px solid #2b8b60;border-radius:4px 10px 10px 4px;background:#f4faf6;color:#526477;font-size:12px;line-height:1.55}
@media(max-width:900px){.electricity-fields{grid-template-columns:repeat(2,minmax(160px,1fr))}.electricity-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:600px){.electricity-fields,.electricity-report-filter,.electricity-summary-grid{grid-template-columns:1fr}.electricity-bill-total{grid-template-columns:1fr}.electricity-bill-total small{grid-column:auto}.utility-report-panel>.panel-head{align-items:flex-start;flex-direction:column}.utility-account-badge{white-space:normal}}
.electricity-daily-controls{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(180px,1fr) minmax(190px,1fr) auto auto;gap:12px;align-items:end;padding:14px;border:1px solid #e6eaf0;border-radius:14px;background:#fafbfd}.electricity-daily-help{margin:12px 2px;color:#68768a;font-size:12px}.electricity-daily-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:14px 0}.electricity-daily-summary article{padding:15px 17px;border:1px solid #e2e7ee;border-radius:13px;background:linear-gradient(120deg,#fff,#f7fafc)}.electricity-daily-summary span,.electricity-daily-summary strong{display:block}.electricity-daily-summary span{color:#6a7789;font-size:12px}.electricity-daily-summary strong{margin-top:7px;color:#1a2a40;font-size:21px}.electricity-daily-table{overflow-x:auto}.electricity-day-grid{min-width:1320px}.electricity-day-grid th{white-space:nowrap}.electricity-day-grid td{vertical-align:middle}.electricity-day-grid input{min-width:92px;width:100%;padding:8px 9px;border:1px solid #d8dee7;border-radius:8px;background:#fff;color:#172338;font:inherit;font-size:12px}.electricity-day-grid input[type=time]{min-width:86px}.electricity-day-grid input.electricity-reading{min-width:135px;font-weight:700}.electricity-day-grid td:nth-child(4){white-space:nowrap;color:#566477}.electricity-day-grid .electricity-last,.electricity-day-grid .electricity-used{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.electricity-day-grid .electricity-used{color:#08794a}.electricity-day-grid .electricity-reading-error{color:#c62828}.electricity-day-grid .electricity-save-day{padding:7px 10px;font-size:12px;white-space:nowrap}.electricity-day-grid tr:hover{background:#f8fafc}.electricity-daily-panel .panel-head{align-items:flex-start}.electricity-daily-panel .report-export-actions{flex-wrap:wrap}@media(max-width:900px){.electricity-daily-controls{grid-template-columns:repeat(2,minmax(140px,1fr))}.electricity-daily-summary{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:600px){.electricity-daily-controls,.electricity-daily-summary{grid-template-columns:1fr}.electricity-daily-panel .panel-head{flex-direction:column}}
/* Destructive record actions are available only to owner, manager, and developer roles. */
body:not(.can-manage-deletes) [data-recipe-delete],
body:not(.can-manage-deletes) [data-menu-delete],
body:not(.can-manage-deletes) [data-store-archive],
body:not(.can-manage-deletes) [data-stock-delete],
body:not(.can-manage-deletes) [data-supplier-archive],
body:not(.can-manage-deletes) [data-ledger-payment-delete],
body:not(.can-manage-deletes) [data-purchase-delete],
body:not(.can-manage-deletes) [data-purchase-return-void],
body:not(.can-manage-deletes) [data-card-discount-delete],
body:not(.can-manage-deletes) [data-card-discount-archive],
body:not(.can-manage-deletes) [data-kot-action="delete"],
body:not(.can-manage-deletes) [data-quotation-action="delete"],
body:not(.can-manage-deletes) [data-sales-delete-test],
body:not(.can-manage-deletes) [data-terminal-delete],
body:not(.can-manage-deletes) [data-batch-delete],
body:not(.can-manage-deletes) [data-account-delete],
body:not(.can-manage-deletes) [data-staff-archive],
body:not(.can-manage-deletes) [data-shift-archive],
body:not(.can-manage-deletes) [data-customer-archive],
body:not(.can-manage-deletes) [data-customer-payment-delete],
body:not(.can-manage-deletes) [data-delivery-delete],
body:not(.can-manage-deletes) [data-coupon-disable],
body:not(.can-manage-deletes) [data-modifier-disable] {
  display: none !important;
}
.user-activity-report{margin-top:18px}
.user-activity-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end;padding:16px;margin:14px 0;border:1px solid #e1e6ed;border-radius:14px;background:linear-gradient(135deg,#fff,#f7f9fc)}
.user-activity-search{grid-column:span 2}
.user-activity-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}
.user-activity-stat{padding:14px 16px;border:1px solid #e3e8ef;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(24,35,54,.04)}
.user-activity-stat span,.user-activity-stat small{display:block;color:#68768a;font-size:12px}
.user-activity-stat strong{display:block;margin:7px 0;color:#18263b;font-size:22px}
.user-activity-stat.stat-1 strong{color:#08794a}.user-activity-stat.stat-2 strong{color:#2467b4}.user-activity-stat.stat-3 strong{color:#c9212c}
.user-activity-table{min-width:1120px}.user-activity-table td{vertical-align:top}.user-activity-action{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2f7;color:#334258;font-size:11px;font-weight:700;white-space:nowrap}.user-activity-action.action-add{background:#e7f6ee;color:#08794a}.user-activity-action.action-delete{background:#fdebec;color:#c9212c}.user-activity-action.action-edit,.user-activity-action.action-update{background:#eaf2fc;color:#235eaa}
.user-activity-report .report-generated-at{margin:12px 0;color:#5e6c80;font-size:12px}
@media(max-width:950px){.user-activity-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}.user-activity-summary{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:560px){.user-activity-filters,.user-activity-summary{grid-template-columns:1fr}.user-activity-search{grid-column:auto}}
/* Recent POS transactions: searchable at a glance, with clear receipt actions. */
#page-pos .pos-recent-tools{display:flex;align-items:center;gap:8px}
#page-pos .pos-recent-table-wrap{overflow:auto;border:1px solid #e7e2e5;border-radius:14px;background:#fff;box-shadow:0 8px 24px #251a2410}
#page-pos .pos-recent-table{width:100%;min-width:920px;border-collapse:collapse;font-size:11px}
#page-pos .pos-recent-table th{padding:13px 12px;background:#f7f4f5;color:#68616a;text-align:left;font-size:9px;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
#page-pos .pos-recent-table td{padding:12px;border-top:1px solid #eee9ec;vertical-align:middle}
#page-pos .pos-recent-table tbody tr:hover{background:#fffafb}
#page-pos .pos-recent-table td small{display:block;margin-top:4px;color:#88818a;font-size:9px}
#page-pos .pos-recent-table .numeric{text-align:right;white-space:nowrap}
#page-pos .pos-recent-status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#eaf8ef;color:#197747;font-size:9px;font-weight:800;text-transform:capitalize}
#page-pos .pos-recent-status.is-refunded{background:#fff0e9;color:#a94720}
#page-pos .pos-recent-actions{display:flex;gap:6px;white-space:nowrap}
#page-pos .pos-recent-actions .button{min-height:31px;padding:5px 10px;border-radius:8px;font-size:10px;font-weight:750}
#page-pos .pos-recent-footnote{margin:9px 2px;color:#827b84;font-size:10px}
.pos-recent-document{max-width:100%;padding:18px;border:1px solid #e5e2e6;border-radius:12px;background:#fff;color:#28242a;font-size:11px}
.pos-recent-document header{text-align:center;padding-bottom:13px;border-bottom:1px solid #e9e5e8}
.pos-recent-document header img{width:145px;max-height:65px;object-fit:contain}
.pos-recent-document header h2{margin:6px 0 2px;font-size:16px}
.pos-recent-document header p{margin:4px 0;color:#706a72;font-size:10px}
.pos-recent-document .doc-title{font-weight:850;letter-spacing:1.2px;color:var(--pos-red)}
.pos-recent-document .doc-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0}
.pos-recent-document .doc-meta span{color:#817b83;font-size:9px}
.pos-recent-document .doc-meta strong{display:block;margin-top:4px;color:#28242a;font-size:10px}
.pos-recent-document table{width:100%;border-collapse:collapse}
.pos-recent-document th,.pos-recent-document td{padding:8px 6px;border-bottom:1px solid #ede9ec;text-align:left;vertical-align:top}
.pos-recent-document th{background:#f7f5f6;color:#68616a;font-size:9px;text-transform:uppercase}
.pos-recent-document .num{text-align:right!important;white-space:nowrap}
.pos-recent-document .doc-summary{width:min(350px,100%);margin:12px 0 0 auto}
.pos-recent-document .sumrow{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #f0edef}
.pos-recent-document .sumrow strong{text-align:right}
.pos-recent-document .doc-summary h3{margin:14px 0 2px;font-size:12px}
.pos-recent-document .sumrow.grand{border-top:2px solid #28242a;border-bottom:2px solid #28242a;font-size:14px;font-weight:850}
.pos-recent-document .doc-thanks{text-align:center;margin:18px 0 0;color:#77717a}
@media(max-width:650px){#page-pos .pos-recent-tools{align-items:stretch}#page-pos .pos-recent-tools .button{padding:0 9px;font-size:9px}.pos-recent-document{padding:11px}.pos-recent-document .doc-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}

.login-password-wrap{position:relative;width:100%;margin:8px 0 13px}.login-card .login-password-wrap input{margin:0;padding-right:44px;letter-spacing:normal}.login-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#777}.login-password-toggle:hover{background:#f1f1f1;color:#333}.login-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Account security is available to every signed-in staff member. */
.account-password-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:1px solid #e2e6ed;border-radius:10px;background:#fff;color:#586478;font:inherit;font-size:11px;font-weight:650;white-space:nowrap}
.account-password-button:hover{border-color:#c7ced9;background:#f7f9fc;color:#1e2c42}
.account-password-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.account-password-open{overflow:hidden}
.account-password-dialog{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;overflow:auto;padding:22px;background:rgba(17,28,46,.72);backdrop-filter:blur(5px)}
.account-password-dialog.hidden{display:none!important}
.account-password-card{width:min(460px,100%);max-height:calc(100dvh - 44px);overflow:auto;background:#fff;border:1px solid #e2e7ef;border-radius:22px;padding:30px;box-shadow:0 24px 90px #07142742;color:#1e2c42}
.account-password-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:16px;background:#eef6ff;color:#2468b5}
.account-password-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.account-password-card .eyebrow{color:#62738c;font-size:10px}
.account-password-card h2{margin:0 0 10px;font-size:23px;letter-spacing:-.55px;line-height:1.25}
#account-password-description{margin:0 0 12px;color:#65738a;font-size:12px;line-height:1.65}
.account-password-user{margin:0 0 20px;color:#263d5b;font-size:12px;font-weight:700}
.account-password-card .field{margin-top:15px;gap:7px}
.account-password-card .field>span{font-size:12px;color:#3e5068}
.account-password-input{position:relative}
.account-password-input input{height:44px;width:100%;padding:0 47px 0 12px!important;font-size:14px!important;letter-spacing:normal;border:1px solid #dce2eb;border-radius:10px}
.account-password-input button{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:#708098}
.account-password-input button:hover{background:#edf2f8;color:#233d5d}
.account-password-input button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.account-password-policy{font-size:11px;line-height:1.6;color:#6b7a8d;margin:8px 1px 0}
.account-password-error{min-height:18px;margin:12px 0 0;color:#b62838;font-size:12px;line-height:1.5}
.account-password-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:13px}
.account-password-actions .button{min-height:42px;font-size:12px}
#account-password-signout{display:block;margin:14px auto 0;color:#68778b;font-size:11px}
#account-password-signout.hidden{display:none!important}
#ops-user-password-hint{font-size:10px;line-height:1.5;color:#6b778a}
@media(max-width:650px){.account-password-button{padding:8px}.account-password-button span{display:none}.account-password-dialog{padding:14px}.account-password-card{padding:24px;max-height:calc(100dvh - 28px);border-radius:18px}.account-password-card h2{font-size:21px}.account-password-actions{flex-wrap:wrap}.account-password-actions .button.primary{flex:1}}

.window-refresh-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.window-refresh-button[aria-busy="true"] svg{animation:window-refresh-spin .8s linear infinite}@keyframes window-refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.window-refresh-button[aria-busy="true"] svg{animation:none}}

.bank-search-controls{display:flex;align-items:center;gap:8px;min-width:0}.bank-search-controls>select{flex:0 0 145px;width:145px;min-width:0}.bank-search-controls>input{flex:1 1 0;min-width:0}@media(max-width:600px){.bank-search-controls{display:grid;grid-template-columns:minmax(0,1fr)}.bank-search-controls>select{width:100%}}

#page-bank-settlements .bank-statement-fields{align-items:stretch}#page-bank-settlements .bank-statement-fields>.field{align-content:start}#page-bank-settlements .bank-reconcile-summary>div{--summary-accent:#26344c;--summary-soft:#f5f7fb;min-width:0}#page-bank-settlements .bank-reconcile-summary>div strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4}#page-bank-settlements .bank-reconcile-summary>.bank-difference{--summary-accent:var(--settle-green);--summary-soft:var(--settle-green-soft)}
.settlement-history-tools{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px 16px}
.settlement-history-tools:empty{display:none}
.settlement-date-edit{font-size:11px!important;padding:8px 13px!important;border-color:#dad6e8!important;color:#5b477e!important;background:#faf8ff!important}
.settlement-correction-history{flex:1;min-width:190px;font-size:11px;color:#5c5667}
.settlement-correction-history>summary{cursor:pointer;padding:8px 0;font-weight:700}
.settlement-correction-history>div{padding:10px 12px;border-left:2px solid #c7bcdd;background:#f8f7fb;margin-top:6px;overflow-wrap:anywhere}
.settlement-correction-history strong,.settlement-correction-history span{display:block}.settlement-correction-history span{font-size:10px;margin-top:4px;color:#787181}.settlement-correction-history p{margin:6px 0 0;white-space:pre-wrap}
.settlement-date-dialog{width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #e4dfeb;border-radius:18px;box-shadow:0 20px 70px #1c172f33;color:var(--ink,#252534)}
.settlement-date-dialog::backdrop{background:#17132199;backdrop-filter:blur(3px)}
.settlement-date-dialog .panel-head{align-items:flex-start}.settlement-date-dialog h2{font-size:21px}.settlement-date-dialog .field{display:flex;flex-direction:column;margin:16px 0;gap:7px}.settlement-date-dialog textarea{resize:vertical}
.settlement-date-dialog input,.settlement-date-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #ddd8e6;border-radius:9px;background:#fff;padding:11px 12px;color:inherit;font:inherit;font-size:12px}.settlement-date-dialog input:focus,.settlement-date-dialog textarea:focus{outline:2px solid #e11d2e22;outline-offset:1px;border-color:#df2639}.settlement-date-dialog .modal-actions{display:flex;justify-content:flex-end;gap:9px}
.settlement-date-meta{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:10px;padding:14px;border:1px solid #ebe7f2;border-radius:12px;background:#faf8fe;margin:18px 0}
.settlement-date-meta span{font-size:10px;color:#797180}.settlement-date-meta strong{display:block;margin-top:5px;font-size:13px;color:#292139;overflow-wrap:anywhere}
.settlement-date-note{font-size:11px;line-height:1.6;color:#6e6878;padding:12px;background:#f6f5f9;border-radius:9px}.settlement-date-error{color:#b51c2d;font-size:12px;line-height:1.5;white-space:pre-wrap}.settlement-date-error:empty{display:none}
@media(max-width:480px){.settlement-date-dialog{padding:18px}.settlement-date-meta{grid-template-columns:1fr 1fr}.settlement-date-dialog .modal-actions{display:flex;gap:8px}.settlement-date-dialog .modal-actions .button{flex:1;padding-inline:8px;font-size:11px}}