:root{--gold-1:#f7b733;--gold-2:#e8952b;--gold-gradient:linear-gradient(135deg,#f7c948,#e8952b);--bg:#faf8f4;--surface:#fff;--text:#211c14;--text-muted:#6b6252;--border:#ece6da;--radius:14px;--shadow:0 2px 12px rgba(33,28,20,.06);--brand-store:#17120d}
[data-theme=dark]{--bg:#15130f;--surface:#201c15;--text:#f4ede0;--text-muted:#a89d87;--border:#322c22;--shadow:0 2px 16px rgba(0,0,0,.4);--brand-store:#ffffff}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Inter,Roboto,sans-serif;background:var(--bg);color:var(--text)}.hidden{display:none!important}button,input,select{font:inherit}
.pin-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.pin-card{text-align:center;padding:40px 32px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);width:300px}.brand-mark{font-weight:800;font-size:28px;letter-spacing:2px;margin-bottom:24px;display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.brand-mark .brand-revital{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark .brand-store{color:var(--brand-store)}.brand-mark.small{font-size:18px;margin-bottom:32px}.pin-label{color:var(--text-muted);margin-bottom:16px}.pin-dots{display:flex;justify-content:center;gap:14px;margin-bottom:24px}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--gold-2)}.pin-dots span.filled{background:var(--gold-gradient);border-color:transparent}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{padding:16px 0;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:18px;cursor:pointer}.pin-key.ghost{font-size:13px;color:var(--text-muted)}.pin-error{color:#d64545;min-height:20px;margin-top:16px;font-size:13px}
.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column}.nav{display:flex;flex-direction:column;gap:4px;margin-top:12px;flex:1}.nav-item{text-align:left;padding:10px 14px;border-radius:8px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--gold-gradient);color:#201400;font-weight:700}.theme-toggle{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:8px;cursor:pointer;display:flex;justify-content:space-between;color:var(--text)}
.content{flex:1;padding:28px 36px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.topbar h1{margin:0 0 6px;font-size:22px}.status-line{color:var(--text-muted);font-size:13px;min-height:18px}.card-grid,.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.stat-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--text-muted);font-size:13px;margin-bottom:6px}.stat-card strong{font-size:20px}.card h2{margin-top:0}.card h3{margin:0 0 12px;font-size:15px;color:var(--text-muted)}.card+.card{margin-top:16px}.hint{color:var(--text-muted);font-size:14px;line-height:1.6}
.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:14px;text-align:left;color:var(--text)}.list-row span:first-child{min-width:0}.list-row small,.product-main small{display:block;color:var(--text-muted);margin-top:4px}.clickable{width:100%;cursor:pointer}.clickable:hover{border-color:var(--gold-2)}
.inline-form,.upload-box,.toolbar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.inline-form input,.inline-form select,.upload-box input,.toolbar input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.inline-form button,.upload-box button,.save-rule-btn{padding:10px 18px;border-radius:8px;border:0;background:var(--gold-gradient);color:#201400;font-weight:700;cursor:pointer}.compact-form{padding-bottom:16px;border-bottom:1px solid var(--border)}.toolbar{justify-content:space-between;align-items:center}.toolbar input{flex:1;min-width:240px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--bg);color:var(--text-muted)}
.notice{padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:14px}.notice.success{border-color:#5aa56a}.notice.error{border-color:#d64545;color:#c33}.upload-box{align-items:center;padding:16px;border:1px dashed var(--border);border-radius:10px;background:var(--bg)}
.product-list{display:flex;flex-direction:column;gap:8px}.product-row{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(90px,.55fr)) minmax(90px,.65fr) minmax(90px,.65fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.product-main{min-width:0}.product-metric span,.mini-field{display:block;color:var(--text-muted);font-size:11px}.product-metric b{display:block;margin-top:3px;font-size:13px}.mini-field input{width:100%;margin-top:4px;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.save-rule-btn{padding:8px 12px;font-size:12px}
@media(max-width:1000px){.product-row{grid-template-columns:1fr 1fr 1fr}.product-main{grid-column:1/-1}.save-rule-btn{align-self:end}}
@media(max-width:720px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;padding:10px;position:sticky;top:0;z-index:5}.nav{flex-direction:row;overflow-x:auto;margin:0 10px}.nav-item{white-space:nowrap}.brand-mark.small{margin-bottom:0}.theme-toggle{display:none}.content{padding:16px}.product-row{grid-template-columns:1fr 1fr}.product-main{grid-column:1/-1}.list-row{align-items:flex-start;flex-direction:column}.list-row span:last-child{font-weight:600}.upload-box{align-items:stretch;flex-direction:column}}


/* v3 usability additions: global theme switch, explicit PIN submit, loading states, batch field */
.global-theme-toggle{position:fixed;top:14px;right:14px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:20px;cursor:pointer;display:grid;place-items:center}
.global-theme-toggle:hover{transform:translateY(-1px)}
.pin-submit{background:var(--gold-gradient);color:#201400;font-size:24px;font-weight:800;border-color:transparent;opacity:.4;cursor:not-allowed}
.pin-submit.ready{opacity:1;cursor:pointer;box-shadow:0 4px 12px rgba(232,149,43,.28)}
.pin-clear{margin-top:12px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.loading-overlay{position:fixed;inset:0;z-index:1000;background:rgba(15,13,10,.38);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}
.loading-card{width:min(360px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.22);padding:28px;text-align:center}
.spinner{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--gold-2);animation:revital-spin .8s linear infinite}
.loading-text{font-weight:700;line-height:1.4}
.loading-progress{height:7px;margin-top:16px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--border)}
.loading-progress-bar{height:100%;width:0;background:var(--gold-gradient);transition:width .2s ease}
@keyframes revital-spin{to{transform:rotate(360deg)}}
.product-row{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(84px,.55fr)) minmax(120px,.8fr) minmax(90px,.65fr) minmax(90px,.65fr) auto}
.product-main small b{display:inline;color:var(--text)}
.batch-input{min-width:110px}
@media(max-width:1000px){.product-row{grid-template-columns:1fr 1fr 1fr}.product-main{grid-column:1/-1}.save-rule-btn{align-self:end}}
@media(max-width:720px){.global-theme-toggle{top:12px;right:12px;width:40px;height:40px;z-index:30}.sidebar{padding-right:58px}.product-row{grid-template-columns:1fr 1fr}.product-main{grid-column:1/-1}.loading-card{padding:24px}}


/* Free-plan capacity dashboard */
.usage-card { margin-top: 18px; }
.usage-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
.usage-heading h3 { margin:0 0 4px; }
.usage-health { white-space:nowrap; padding:8px 12px; border-radius:999px; font-size:.82rem; font-weight:700; background:rgba(34,197,94,.12); color:var(--text); border:1px solid rgba(34,197,94,.24); }
.usage-health.warn { background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.28); }
.usage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.usage-tile { border:1px solid var(--border); border-radius:14px; padding:14px; background:var(--surface-2, var(--surface)); }
.usage-label { font-size:.82rem; color:var(--muted); margin-bottom:6px; }
.usage-value { font-size:1.35rem; font-weight:800; letter-spacing:-.02em; }
.usage-value span { font-size:.86rem; font-weight:600; color:var(--muted); }
.usage-bar { height:7px; margin:10px 0 8px; border-radius:999px; background:var(--border); overflow:hidden; }
.usage-bar-fill { height:100%; min-width:2px; border-radius:inherit; background:var(--accent); }
.usage-subtitle { font-size:.75rem; line-height:1.35; color:var(--muted); }
.usage-year-summary { margin-top:14px; padding:11px 13px; border-radius:12px; background:rgba(148,163,184,.10); font-size:.86rem; font-weight:600; }
.usage-note { margin:10px 2px 0; }
@media (max-width: 950px) { .usage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .usage-heading { flex-direction:column; } .usage-health { white-space:normal; } .usage-grid { grid-template-columns:1fr; } }


/* V8 parcel receipt + exact GSTpad Products.csv export + automatic batch numbering */
.po-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto}
.po-summary{white-space:nowrap}
.po-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.po-actions button,.receipt-actions button,.secondary-btn,.danger-btn,.add-batch-btn{padding:9px 13px;border-radius:8px;border:0;background:var(--gold-gradient);color:#201400;font-weight:700;cursor:pointer}
.secondary-btn{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.danger-btn{background:transparent!important;color:#c33!important;border:1px solid rgba(214,69,69,.35)!important}
.receipt-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.receipt-heading h3{margin:0}
.receipt-delivery{display:block;max-width:260px;margin:14px 0}
.receipt-delivery input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.receipt-list{display:flex;flex-direction:column;gap:10px}
.receipt-line{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(115px,.8fr));gap:10px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.receipt-product{align-self:center}.receipt-product small{display:block;color:var(--text-muted);margin-top:4px;font-size:12px}
.receipt-line-actions{display:flex;gap:6px;align-items:end}
.receipt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.receipt-actions>button:first-child{padding:11px 18px;border-radius:8px;border:0;background:var(--gold-gradient);color:#201400;font-weight:800;cursor:pointer}
@media(max-width:1100px){.receipt-line{grid-template-columns:repeat(3,1fr)}.receipt-product{grid-column:1/-1}}
@media(max-width:720px){.po-row{display:flex}.po-actions{justify-content:flex-start}.receipt-heading{flex-direction:column}.receipt-line{grid-template-columns:1fr 1fr}.receipt-product{grid-column:1/-1}.receipt-line-actions{grid-column:1/-1}.receipt-actions{flex-direction:column}.receipt-actions button{width:100%}}

/* Automatic batch number is generated from PO date + sequence and is intentionally read-only. */
.receipt-batch[readonly]{opacity:.88;font-weight:700;letter-spacing:.04em;cursor:not-allowed;}


/* V9 expiry modes and barcode reference */
.barcode-auto-note{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;min-width:180px}
.barcode-auto-note small{opacity:.72}
.receipt-expiry-preview{display:block;margin-top:4px;font-size:.78rem;opacity:.75}
.barcode-reference-list{display:grid;gap:10px}
.barcode-ref-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(110px,1fr));gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.barcode-ref-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.barcode-ref-row span,.barcode-ref-row small{font-size:.78rem;opacity:.68}
.barcode-ref-row b{overflow-wrap:anywhere}
@media(max-width:760px){.barcode-ref-row{grid-template-columns:1fr 1fr}.barcode-ref-row>div:first-child{grid-column:1/-1}}

/* V13 purchasing workflow: manual demands, vendor quotes, direct orders, Excel exports */
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}.section-heading-row h3{margin:0 0 6px}.header-actions,.form-actions-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-actions button,.form-actions-row button,.quote-save-btn,.quote-use-btn,.direct-order-create-btn{padding:10px 14px;border-radius:8px;border:0;background:var(--gold-gradient);color:#201400;font-weight:700;cursor:pointer}
.manual-order-lines{display:flex;flex-direction:column;gap:8px;margin:12px 0}.manual-order-line{display:grid;grid-template-columns:minmax(240px,2fr) minmax(90px,.55fr) minmax(100px,.65fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.manual-order-line input{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.manual-order-line .remove-line{padding:9px 11px;border:1px solid rgba(214,69,69,.35);border-radius:8px;background:transparent;color:#c33;cursor:pointer}.manual-order-line.demand-line{grid-template-columns:minmax(260px,2fr) minmax(100px,.6fr) auto}.direct-order-vendor-row select{min-width:260px}
.demand-table-wrap{overflow-x:auto}.demand-table{width:100%;border-collapse:collapse;min-width:680px}.demand-table th,.demand-table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.demand-table th{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.demand-table tr:last-child td{border-bottom:0}.demand-table button{padding:7px 11px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.demand-source-pill,.delivery-factor-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:11px;text-transform:capitalize}.delivery-factor-pill.free{border-color:rgba(34,197,94,.4)}.delivery-factor-pill.high{border-color:rgba(214,69,69,.4)}
.demand-detail-list{display:flex;flex-direction:column;gap:12px}.demand-item-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg)}.demand-item-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.demand-item-head small{display:block;color:var(--text-muted);margin-top:4px}.quote-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quote-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px}.quote-chip.selected{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--gold-2) inset}.quote-use-btn{padding:5px 8px;font-size:11px}.quote-entry{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(110px,.6fr) auto;gap:8px;align-items:center}.quote-entry select,.quote-entry input{padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.vendor-row-v13{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(160px,1.2fr) minmax(120px,.7fr) auto;gap:10px;align-items:center}.vendor-row-v13 select{padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.vendor-row-v13 button{padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}
@media(max-width:760px){.manual-order-line,.manual-order-line.demand-line{grid-template-columns:1fr 90px auto}.manual-order-line .manual-unit-price{grid-column:1/3}.quote-entry{grid-template-columns:1fr 110px}.quote-entry button{grid-column:1/-1}.vendor-row-v13{display:flex;flex-direction:column;align-items:stretch}.demand-item-head{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.section-heading-row{flex-direction:column}}

/* V14 simplified orders */
.order-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.order-mode-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer}.order-mode-card b{font-size:16px}.order-mode-card span{font-size:13px;color:var(--text-muted);line-height:1.45}.order-mode-card:hover{border-color:var(--gold-2);transform:translateY(-1px)}.orders-panel{margin-top:0}.soft-divider{border:0;border-top:1px solid var(--border);margin:24px 0}.simple-order-line{grid-template-columns:minmax(230px,1.4fr) minmax(220px,1.2fr) 100px 130px auto}.simple-order-line:not(:has(.simple-order-price)){grid-template-columns:minmax(240px,1.5fr) minmax(220px,1.2fr) 100px auto}.simple-vendor-select{max-width:380px;margin-bottom:16px}.simple-vendor-select select,.simple-subcard select,.simple-finalize-row select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.simple-finalize{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.simple-finalize-row{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(220px,1fr) 150px;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:9px}.simple-finalize-row small{display:block;color:var(--text-muted);margin-top:4px}.simple-finalize-row input{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.receive-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.receive-source-grid button{padding:14px;border-radius:10px;border:0;background:var(--gold-gradient);color:#201400;font-weight:700;cursor:pointer}.simple-subcard{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);margin-bottom:16px}.simple-subcard>button{margin-top:10px}.freebie-box{display:flex;justify-content:space-between;gap:14px;align-items:end;padding:14px;border:1px dashed var(--gold-2);border-radius:12px;background:rgba(232,149,43,.06);margin:14px 0}.freebie-box p{margin:4px 0 0}.freebie-add-row{display:flex;gap:8px;flex-wrap:wrap}.freebie-add-row input{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.freebie-add-row input:first-child{min-width:260px}.freebie-receipt-line{border-color:var(--gold-2);background:rgba(232,149,43,.06)}.freebie-pill{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;background:var(--gold-gradient);color:#201400;font-size:10px;font-weight:800;vertical-align:middle}
@media(max-width:1050px){.order-home-grid{grid-template-columns:repeat(2,1fr)}.simple-order-line{grid-template-columns:1fr 1fr}.simple-finalize-row{grid-template-columns:1fr 1fr}.simple-finalize-row>div{grid-column:1/-1}}
@media(max-width:650px){.order-home-grid,.receive-source-grid{grid-template-columns:1fr}.simple-order-line,.simple-finalize-row{grid-template-columns:1fr}.freebie-box{flex-direction:column;align-items:stretch}.freebie-add-row{flex-direction:column}.freebie-add-row input:first-child{min-width:0}}

/* V15 deployment marker and cache-busted UI */
.version-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:var(--gold-gradient);color:#201400;font-size:10px;font-weight:900;letter-spacing:.04em;margin-left:6px;vertical-align:middle}
.title-row{display:flex;align-items:center;gap:8px}.title-row h1{margin:0}.top-version{font-size:9px}


/* V18 mobile hamburger navigation — menu button on left */
.mobile-app-header,.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-backdrop{display:none}
@media(max-width:720px){
  .app{display:block;min-height:100vh}
  .mobile-app-header{position:sticky;top:0;z-index:40;height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 64px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
  .mobile-brand{font-size:17px!important;margin:0!important;justify-content:center!important;gap:6px!important;white-space:nowrap;margin-left:auto!important;margin-right:auto!important}
  .mobile-menu-toggle{display:grid;place-items:center;position:absolute;left:12px;top:10px;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:25px;line-height:1;cursor:pointer}
  .global-theme-toggle{top:10px;right:12px;width:44px;height:44px;z-index:45}
  .sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:60;width:min(84vw,320px)!important;height:100vh;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:24px 16px!important;background:var(--surface);border-right:1px solid var(--border);box-shadow:14px 0 36px rgba(0,0,0,.24);transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto}
  .sidebar.open{transform:translateX(0)}
  .sidebar>.brand-mark.small{display:flex;justify-content:flex-start;margin:4px 42px 24px 4px!important;font-size:20px!important}
  .mobile-menu-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:28px;line-height:1;cursor:pointer}
  .nav{display:flex!important;flex-direction:column!important;overflow:visible!important;margin:0!important;gap:7px!important;flex:0 0 auto!important}
  .nav-item{display:block;width:100%;white-space:normal!important;text-align:left!important;padding:13px 14px!important;font-size:15px;border-radius:10px}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.42);backdrop-filter:blur(2px)}
  .mobile-menu-backdrop:not(.hidden){display:block}
  .content{padding:18px 16px 28px!important}
  .topbar{margin-top:0}
}
\n\n/* V18 dedicated mobile order pages, deletion actions and PDF preview */\n.order-page-top{display:flex;justify-content:flex-start;margin-bottom:14px}.orders-back-btn{padding:9px 12px!important}.simple-field{display:flex;flex-direction:column;gap:5px;color:var(--text-muted);font-size:12px}.simple-field>span{font-weight:700}.simple-field small{font-weight:400}.simple-field input{margin:0}.order-history-row .po-actions{display:flex;gap:7px;flex-wrap:wrap}.danger-btn{color:#b42318!important;border-color:rgba(180,35,24,.35)!important}.pdf-preview-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:18px}.pdf-preview-shell{width:min(980px,96vw);height:min(92vh,920px);background:var(--surface);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 24px 80px rgba(0,0,0,.4)}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.pdf-preview-header>div{display:flex;flex-direction:column;gap:3px}.pdf-preview-header small{color:var(--text-muted)}.pdf-preview-close{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:25px;cursor:pointer}.pdf-preview-shell iframe{width:100%;height:100%;border:0;background:#e7e7e7}.pdf-preview-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.pdf-preview-actions button{padding:10px 16px;border-radius:9px;border:0;background:var(--gold-gradient);color:#201400;font-weight:800;cursor:pointer}\n@media(max-width:720px){\n  #view-orders{margin:-2px}\n  .order-home-grid{gap:10px}.order-mode-card{padding:16px;min-height:112px}\n  .orders-panel.card{padding:15px;border-radius:12px}\n  .simple-order-line,.simple-order-line:not(:has(.simple-order-price)){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px!important}\n  .simple-order-line .simple-field{width:100%}.simple-order-line .remove-line{width:100%;padding:10px}\n  .section-heading-row{gap:10px}.section-heading-row>button{width:100%}.form-actions-row{flex-direction:column;align-items:stretch}.form-actions-row button{width:100%}\n  .simple-vendor-select{max-width:none}.simple-finalize-row{display:flex;flex-direction:column;align-items:stretch}.simple-finalize-row select,.simple-finalize-row input{width:100%}\n  .order-history-row{display:flex!important;flex-direction:column!important;align-items:stretch!important}.order-history-row .po-actions{width:100%}.order-history-row .po-actions button{flex:1;min-width:92px}\n  .receive-source-grid button{min-height:52px}.simple-subcard{padding:14px}\n  .pdf-preview-modal{padding:0}.pdf-preview-shell{width:100vw;height:100dvh;max-height:none;border-radius:0}.pdf-preview-header{padding:12px}.pdf-preview-actions{padding:10px}.pdf-preview-actions button{flex:1}.pdf-preview-shell iframe{min-height:0}\n}\n
/* V19 Accounts + 7-day Cash Counter */
.account-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.accounts-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;margin-bottom:16px}
.account-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-entry-form label{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:12px;font-weight:600}
.account-entry-form input,.account-entry-form select,.cash-count-note{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}
.account-entry-form .account-detail-field{grid-column:1/-1}
.account-entry-form button{grid-column:1/-1;padding:12px 18px;border:0;border-radius:9px;background:var(--gold-gradient);color:#201400;font-weight:800;cursor:pointer}
.cash-counter-grid{display:grid;gap:8px;margin:14px 0}
.cash-counter-grid label{display:grid;grid-template-columns:70px minmax(80px,1fr) minmax(90px,auto);align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.cash-counter-grid label span{font-weight:800}
.cash-counter-grid input{min-width:0;width:100%;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:center}
.cash-counter-grid label b{text-align:right;font-size:13px}
.cash-counter-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.cash-counter-summary>div{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.cash-counter-summary span{display:block;color:var(--text-muted);font-size:11px;margin-bottom:4px}
.cash-counter-summary strong{font-size:15px;overflow-wrap:anywhere}
.cash-difference{color:#c33!important}
.cash-count-note{margin-bottom:10px}
#save-cash-count{width:100%;padding:12px 18px;border:0;border-radius:9px;background:var(--gold-gradient);color:#201400;font-weight:800;cursor:pointer}
.account-transaction-list,.cash-count-history{display:flex;flex-direction:column;gap:8px}
.account-txn-row,.cash-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.account-txn-main small,.cash-history-row small{display:block;color:var(--text-muted);font-size:12px;margin-top:3px}
.account-txn-amount{font-weight:800;white-space:nowrap}
.account-credit .account-txn-amount{color:#27864a}
.account-debit .account-txn-amount{color:#c44747}
.cash-history-compare{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;white-space:nowrap}
.cash-history-compare span{color:var(--text-muted)}
.account-txn-row .danger-btn,.cash-history-row .danger-btn{padding:7px 9px;font-size:11px}
@media(max-width:1000px){.account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-two-column{grid-template-columns:1fr}}
@media(max-width:720px){.account-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.account-entry-form{grid-template-columns:1fr}.account-entry-form .account-detail-field{grid-column:auto}.account-entry-form button{grid-column:auto}.cash-counter-summary{grid-template-columns:1fr}.account-txn-row,.cash-history-row{grid-template-columns:1fr auto}.account-txn-main,.cash-history-row>div:first-child{grid-column:1/-1}.account-txn-amount{grid-column:1}.account-txn-row .danger-btn{grid-column:2}.cash-history-compare{grid-column:1;align-items:flex-start}.cash-history-row .danger-btn{grid-column:2;grid-row:2}.cash-counter-grid label{grid-template-columns:58px minmax(70px,1fr) minmax(82px,auto)}}

/* V20 accounts: pending/completed, cash reconciliation, reports, mobile-first refinements */
.finance-stat small{display:block;margin-top:7px;color:var(--text-muted);font-size:11px;line-height:1.35}
.account-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.txn-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.txn-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;background:rgba(39,134,74,.12);border:1px solid rgba(39,134,74,.22)}
.txn-status.pending{background:rgba(232,149,43,.13);border-color:rgba(232,149,43,.3)}
.txn-status.unresolved{background:rgba(196,71,71,.10);border-color:rgba(196,71,71,.25)}
.account-pending{border-style:dashed}
.account-txn-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.account-txn-actions button{padding:7px 9px;font-size:11px}
.settle-toggle{display:flex;align-items:flex-start;gap:9px;margin:12px 0;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:13px;line-height:1.45}
.settle-toggle input{margin-top:2px;flex:0 0 auto}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}
.account-report-heading{align-items:center}
.cash-counter-card>button#save-cash-count{width:100%;padding:12px 16px;border:0;border-radius:9px;background:var(--gold-gradient);color:#201400;font-weight:800;cursor:pointer}
@media(max-width:1000px){.account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .content{padding:14px 12px 24px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:8px}
  .stat-card,.card{padding:14px}
  .stat-card strong{font-size:17px;overflow-wrap:anywhere}
  .account-summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  .accounts-two-column{display:block}
  .accounts-two-column>.card+.card{margin-top:12px}
  .account-entry-form{grid-template-columns:1fr}
  .account-entry-form label,.account-entry-form .account-detail-field,.account-entry-form button{grid-column:auto}
  .cash-counter-grid{grid-template-columns:1fr}
  .cash-counter-grid label{grid-template-columns:58px minmax(72px,1fr) minmax(88px,auto);gap:8px}
  .cash-counter-grid input{min-width:0;width:100%}
  .cash-counter-summary{grid-template-columns:1fr;gap:8px}
  .account-txn-row{grid-template-columns:1fr;gap:8px}
  .account-txn-main,.account-txn-amount,.account-txn-actions{grid-column:1}
  .account-txn-amount{font-size:16px}
  .account-txn-actions{justify-content:flex-start}
  .account-txn-actions button{flex:1;min-width:110px}
  .section-heading-row.account-report-heading{align-items:stretch;flex-direction:column}
  .report-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .report-actions button{width:100%;min-height:44px}
  .finance-stat small{font-size:10px}
}
@media(max-width:420px){
  .stat-grid,.account-summary-grid{grid-template-columns:1fr}
  .report-actions{grid-template-columns:1fr}
}