:root{--ink:#30231a;--muted:#7d6c5d;--line:rgba(127,78,31,.13);--glass:rgba(255,246,228,.78);--glass-strong:rgba(255,251,242,.92);--lime:#ff9818;--lime-dark:#bd5b06;--mint:#d8f1df;--danger:#c64e45;--shadow:0 22px 58px rgba(123,72,26,.12),inset 0 1px 0 rgba(255,255,255,.94);--radius:30px}
html{background:#f4b967}body{color:var(--ink);background:radial-gradient(circle at 86% 4%,rgba(255,255,255,.72),transparent 25%),radial-gradient(circle at 36% 105%,rgba(255,226,179,.8),transparent 34%),linear-gradient(135deg,#f8c77f 0%,#ffdca5 52%,#f0ae57 100%)}
.ambient-one{width:620px;height:620px;background:radial-gradient(circle,rgba(255,255,255,.46),transparent 66%)}.ambient-two{background:radial-gradient(circle,rgba(255,189,92,.26),transparent 68%)}
.glass-panel{background:linear-gradient(145deg,rgba(255,252,245,.88),rgba(255,239,211,.72));border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
.app-shell{padding:13px;gap:13px;grid-template-columns:254px minmax(0,1fr)}
.sidebar{height:calc(100vh - 26px);top:13px;border-radius:34px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(152deg,rgba(255,186,113,.9),rgba(255,218,158,.84) 56%,rgba(255,199,116,.78));box-shadow:0 25px 60px rgba(123,70,21,.16),inset 0 1px 0 rgba(255,255,255,.7)}
.sidebar::before{content:"";position:absolute;inset:0 0 auto 0;height:165px;border-radius:34px 34px 55% 0;opacity:.32;background:repeating-linear-gradient(50deg,transparent 0 9px,rgba(207,89,20,.5) 10px 15px),radial-gradient(circle at 20% 38%,transparent 0 44px,rgba(205,84,18,.5) 45px 50px,transparent 51px 64px,rgba(205,84,18,.35) 65px 69px,transparent 70px);pointer-events:none}.sidebar>*{position:relative;z-index:1}
.brand{padding:22px 18px 18px}.brand-symbol{border-radius:15px;background:rgba(255,252,245,.94);color:#c25b06;box-shadow:0 13px 28px rgba(142,73,17,.16),inset 0 1px rgba(255,255,255,.95)}.brand small,.sidebar-user small{color:rgba(67,42,24,.66)}
.nav-group{color:rgba(79,48,27,.62);padding-top:21px}.nav-link{color:#533c2c;border-radius:16px;min-height:45px}.nav-link:hover{background:rgba(255,248,235,.58);color:#2c2018}.nav-link.active{background:rgba(255,252,246,.92);color:#2c2018;box-shadow:0 11px 28px rgba(142,75,21,.12),inset 0 0 0 1px rgba(255,255,255,.74)}.nav-icon{background:rgba(124,72,27,.09);border-radius:10px}.nav-link.active .nav-icon{background:#ff9b1c;color:#402313}.sidebar-user{border-color:rgba(107,63,28,.13);background:rgba(255,244,226,.24)}.avatar{background:rgba(255,251,243,.8);color:#a64907}
.workspace{padding:10px 14px 18px;border-radius:36px;background:linear-gradient(145deg,rgba(255,247,232,.91),rgba(255,235,201,.84));border:1px solid rgba(255,255,255,.86);box-shadow:0 26px 70px rgba(117,64,18,.14),inset 0 1px 0 rgba(255,255,255,.96)}
.topbar{top:10px;height:76px;border-radius:27px;background:rgba(255,250,240,.68);box-shadow:0 15px 38px rgba(119,72,31,.07),inset 0 1px 0 rgba(255,255,255,.88)}.breadcrumb small{color:#a16c42}.global-search{height:47px;border-radius:24px;background:rgba(255,253,248,.82);border-color:rgba(139,86,37,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.global-search kbd{border-radius:9px;background:rgba(255,235,204,.8)}.live-status i{background:#f28b13;box-shadow:0 0 0 5px rgba(242,139,19,.14)}.content{padding:27px 5px 45px}.page-head{margin-bottom:21px}.eyebrow{color:#bd5b06}.page-head h1{color:#2d2118}
.primary-button,.secondary-button{min-height:45px;border-radius:16px}.primary-button{background:linear-gradient(145deg,#ff9e21,#ff8610);color:#392113;box-shadow:0 14px 28px rgba(223,108,9,.2),inset 0 1px 0 rgba(255,224,175,.8)}.primary-button:hover{filter:brightness(1.035);transform:translateY(-1px)}.primary-button span{color:#5d2f0d}.secondary-button{background:rgba(255,250,241,.72);border-color:rgba(129,78,32,.13)}.icon-button:hover,.menu-button:hover{background:rgba(255,226,184,.68)}
.metric-grid,.dashboard-grid{gap:13px}.metric-card{border-radius:27px;padding:21px}.metric-card.accent{color:#372114;background:linear-gradient(140deg,#ffa52c,#ff8d13);border-color:rgba(255,215,158,.9);box-shadow:0 20px 42px rgba(217,102,10,.2),inset 0 1px 0 rgba(255,229,187,.8)}.metric-card.accent>span,.metric-card.accent small{color:rgba(63,35,17,.65)}.panel,.invoice-sheet{border-radius:29px}.panel-head a{color:#b75408}.soft-chip{background:#d7f1de;color:#24784c;border:1px solid rgba(47,148,92,.1)}.chart-bar{background:linear-gradient(to top,#ff8110,#ffc15b);border-radius:12px 12px 4px 4px}
.table-wrap{border-radius:21px;border-color:rgba(127,78,31,.1);background:rgba(255,251,243,.55)}th{color:#8b705b;background:rgba(255,232,197,.58)}th,td{border-color:rgba(127,78,31,.09)}tbody tr:hover{background:rgba(255,159,32,.07)}.row-action{border-radius:12px;background:#fff0d9;color:#9d4a0b}.search-box{border-radius:20px;background:rgba(255,252,246,.76)}.toast{border-radius:18px}
.record-form{border-radius:30px}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.transaction-form input,.transaction-form select,.composer-grid select,.composer-grid input,.transaction-head select,.transaction-head input,.notes-panel textarea,.mini-fields input,.tax-inputs input,.tax-inputs select,.report-filter input,.label-quantity input{border-radius:16px;background:rgba(255,253,248,.83);border-color:rgba(127,78,31,.14)}.form-grid input:focus,.form-grid textarea:focus,.stack-form input:focus,.transaction-form input:focus,.transaction-form select:focus{border-color:#ee8b18;box-shadow:0 0 0 4px rgba(255,151,24,.13)}.line-composer{border-radius:27px}.line-remove{border-radius:11px}.totals-card{border-radius:27px}
.tax-story{border-radius:29px}.tax-story code{border-radius:16px;background:#fff0d9;color:#71431f}.tax-story.dark{color:#fff9ee;background:linear-gradient(145deg,#78330c,#b9580b 65%,#e67b11)}.tax-story.dark code{color:#ffd59e}.tax-badge,.tax-output .grand{background:#ff9a19;color:#422414}.tax-output>div{border-radius:18px;background:rgba(255,237,211,.75)}.report-card{border-radius:27px}.report-card:hover{box-shadow:0 28px 65px rgba(122,70,24,.16)}.report-card>span{border-radius:15px;background:#ff9b1c;color:#4b2912}
.profit-output{grid-template-columns:repeat(4,1fr)}.calculation-note{margin:14px 0 0;color:var(--muted);font-size:.75rem}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.stack-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.83);color:var(--ink)}
.opening-due-row{background:rgba(255,152,24,.09)}.opening-due-row td:first-child small{display:block;color:var(--muted);margin-top:3px}.ledger-breakdown{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;padding:16px 5px 0;color:var(--muted);font-size:.76rem}.ledger-breakdown span{display:flex;gap:8px}.ledger-breakdown b,.ledger-breakdown strong{color:var(--ink)}
.auto-id-note{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;padding:15px 17px;border-radius:18px;background:rgba(255,230,190,.72);border:1px solid rgba(210,111,18,.13)}.auto-id-note strong{font-size:.82rem}.auto-id-note span{color:var(--muted);font-size:.73rem;text-align:right}.return-selector{margin-bottom:14px}.return-selector form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.return-selector label,.return-fields label{display:grid;gap:7px;color:var(--muted);font-size:.72rem;font-weight:750}.return-selector select,.return-fields select{min-height:45px;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.83);color:var(--ink)}.return-invoice-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:18px;margin-bottom:14px}.return-invoice-summary>div{display:grid;gap:5px}.return-invoice-summary span{font-size:.68rem;color:var(--muted)}.return-invoice-summary strong{font-size:.82rem}.return-check{display:block;width:22px;height:22px}.return-check input{position:absolute;opacity:0}.return-check span{display:block;width:22px;height:22px;border:2px solid rgba(139,83,34,.25);border-radius:8px;background:#fffaf1}.return-check input:checked+span{border-color:#f18812;background:#ff9818;box-shadow:inset 0 0 0 5px #fff4df}.return-check input:disabled+span{opacity:.35}.return-qty{width:84px!important;min-height:38px!important;text-align:right}.return-qty[type=number]{appearance:textfield;-moz-appearance:textfield}.return-qty[type=number]::-webkit-outer-spin-button,.return-qty[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.return-fields{grid-template-columns:1fr 1.4fr}.return-credit{font-weight:800;color:#a64c08}
.invoice-filter-panel{display:flex;gap:18px;align-items:end;margin-bottom:18px;padding:20px 22px}.invoice-filter-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(220px,1fr) minmax(145px,.65fr) minmax(145px,.65fr);gap:14px;flex:1}.invoice-filter-grid label,.return-invoice-choice label{display:grid;gap:7px;color:#765b46;font-size:.72rem;font-weight:750}.invoice-filter-grid input,.invoice-filter-grid select,.return-invoice-choice select{width:100%;min-height:46px;border:1px solid rgba(127,78,31,.14);border-radius:15px;background:rgba(255,253,248,.84);padding:0 14px;color:#3d2a1d;outline:none}.invoice-filter-grid input:focus,.invoice-filter-grid select:focus,.return-invoice-choice select:focus{border-color:#ee8b18;box-shadow:0 0 0 4px rgba(255,151,24,.13)}.filter-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.return-selector form.return-invoice-finder{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.return-invoice-choice{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:14px;align-items:end}
.login-body{background:linear-gradient(135deg,#efad57,#ffe1b0 50%,#f3b968)}.login-story,.login-card{border-radius:38px}.login-story{color:#392116;background:repeating-linear-gradient(48deg,transparent 0 14px,rgba(181,72,12,.1) 15px 21px),linear-gradient(145deg,rgba(255,174,83,.95),rgba(255,214,153,.9))}.login-story .eyebrow{color:#74350c}.login-story p{color:rgba(62,37,22,.7)}.login-proof span{border-color:rgba(91,47,17,.16);background:rgba(255,246,228,.22)}.login-card{background:rgba(255,249,238,.87)}
@media(max-width:1100px){.invoice-filter-panel{align-items:stretch;flex-direction:column}.invoice-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.return-invoice-choice{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{padding:8px}.workspace{padding:7px 8px 14px;border-radius:28px}.sidebar{left:8px;top:8px;height:calc(100vh - 16px);border-radius:29px}.topbar{top:7px;border-radius:23px}.metric-card,.panel,.record-form,.tax-story,.report-card{border-radius:24px}.profit-output{grid-template-columns:1fr}.auto-id-note{align-items:flex-start;flex-direction:column}.auto-id-note span{text-align:left}.return-selector form,.return-invoice-summary,.return-fields{grid-template-columns:1fr}}

.brand-logo{overflow:hidden;background:#fff}.brand-logo img{width:100%;height:100%;object-fit:contain}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:1180px;margin:0 auto}.settings-card{padding:24px}.settings-card:first-child,.settings-card:last-of-type{grid-column:1/-1}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.settings-heading h2{margin:4px 0 0;font:800 1.15rem Manrope}.store-logo-preview{width:68px;height:68px;border-radius:21px;background:rgba(255,255,255,.86);border:1px solid rgba(133,79,26,.13);display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 30px rgba(155,87,20,.12)}.store-logo-preview img{width:100%;height:100%;object-fit:contain}.store-logo-preview span{font:800 1.4rem Manrope;color:#bf5c0c}.form-grid label small{font-size:.64rem;color:var(--muted);font-weight:600}.settings-save{grid-column:1/-1;position:sticky;bottom:14px;z-index:5;padding:13px 15px 13px 19px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-save>div{display:grid;gap:3px}.settings-save small{color:var(--muted)}.invoice-header em{justify-self:end;padding:5px 9px;border-radius:999px;background:#fff0d7;color:#a94e08;font-style:normal;font-size:.66rem;font-weight:800}.invoice-payment-details{margin-top:24px;padding:18px;border:1px solid rgba(151,85,22,.12);border-radius:22px;background:rgba(255,248,235,.66);display:flex;align-items:center;justify-content:space-between;gap:22px}.payment-copy{display:grid;gap:4px}.payment-copy>span,.upi-qr span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.payment-copy p,.payment-copy small{margin:0;color:var(--muted);font-size:.72rem}.payment-copy .upi-id{margin-top:7px;color:#9f4a08;font-weight:800}.upi-qr{display:flex;align-items:center;gap:13px}.upi-qr img{width:112px;height:112px;padding:5px;background:#fff;border-radius:14px}.upi-qr>div{display:grid;gap:3px}.upi-qr strong{font:800 1.35rem Manrope}.upi-qr small{color:var(--muted);font-size:.65rem}.invoice-footer-note{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:.72rem}
.store-picture-preview{grid-column:span 2;display:grid;place-items:center;padding:10px;border:1px solid rgba(127,78,31,.1);border-radius:13px;background:rgba(255,253,248,.55)}.store-picture-preview img{max-width:100%;max-height:130px;object-fit:contain;border-radius:8px}
@media(max-width:820px){.settings-form{grid-template-columns:1fr}.settings-card:first-child,.settings-card:last-of-type,.settings-save{grid-column:auto}.invoice-payment-details,.upi-qr{align-items:flex-start;flex-direction:column}.settings-save{position:static}}
.store-settings-form{grid-template-columns:1fr;max-width:none;margin:0 6px 0 0}.store-settings-form .settings-card{grid-column:1/-1}.store-settings-form .form-grid{grid-template-columns:repeat(5,minmax(116px,1fr));gap:12px}.store-settings-form .form-grid>.span-2{grid-column:span 2}.store-settings-form .form-grid input,.store-settings-form .form-grid select{min-height:40px;padding:8px 10px}.store-settings-form .form-grid textarea{min-height:82px;padding:8px 10px}.store-settings-form .settings-heading{margin-bottom:14px}.store-settings-form .settings-card{padding:20px}.store-settings-form .setting-check{min-height:40px;align-content:center;padding:7px 10px;border:1px solid rgba(127,78,31,.1);border-radius:13px;background:rgba(255,253,248,.55)}.store-settings-form .settings-save{grid-column:1/-1}
@media(max-width:980px){.store-settings-form .form-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.store-settings-form .form-grid>.span-2{grid-column:span 2}}
@media(max-width:760px){.store-settings-form{margin:0}.store-settings-form .form-grid{grid-template-columns:1fr}.store-settings-form .form-grid>.span-2{grid-column:auto}}
@media print{.invoice-payment-details{break-inside:avoid;background:#fff}.upi-qr img{width:105px;height:105px}.invoice-footer-note{break-inside:avoid}}
@media(max-width:680px){.invoice-filter-grid{grid-template-columns:1fr}.filter-actions>*{flex:1}.return-invoice-choice{grid-template-columns:1fr}}
.gst-source{min-height:58px;display:grid;align-content:center;gap:2px;padding:8px 12px;border-radius:15px;border:1px solid rgba(60,151,91,.18);background:rgba(220,245,226,.76)}.gst-source strong{color:#237448;font-size:.82rem}.gst-source small{color:#63806d;font-size:.62rem}.gst-source.warning{border-color:rgba(210,111,18,.2);background:rgba(255,231,195,.76)}.gst-source.warning strong{color:#a65310}.gst-source.warning small{color:#8b684d}.transaction-form td small{display:block;margin-top:3px;color:var(--muted);font-size:.64rem}
@media print{html,body,.workspace{background:#fff}.workspace{border:0;box-shadow:none;padding:0}}

.customer-entry{display:grid;gap:18px}.customer-mode{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.customer-mode label{display:flex;align-items:center;gap:8px;font-weight:700}.customer-mode input{width:auto;accent-color:#ff8a00}.customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-fields>label{min-width:0}.new-customer-fields small{align-self:end;padding:0 0 12px;color:var(--muted,#766b5d)}.permission-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.permission-toolbar small,.cell-subtitle{display:block;color:var(--muted,#766b5d);margin-top:4px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center;width:105px}.permission-table input{width:20px;height:20px;accent-color:#ff8a00}.permission-table input:disabled{opacity:.2}.permission-group td{background:rgba(255,138,0,.08);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:#dff5e7;color:#18794e;font-weight:800}.secondary-button.compact{padding:9px 13px;font-size:.82rem}@media(max-width:720px){.customer-fields{grid-template-columns:1fr}.permission-table th:not(:first-child),.permission-table td:not(:first-child){width:auto}.permission-toolbar{align-items:flex-start;flex-direction:column}}
.customer-entry{position:relative;z-index:35}.customer-fields[hidden],.customer-results[hidden]{display:none!important}.customer-fields:has(.customer-combobox){grid-template-columns:minmax(0,720px)}.customer-combobox{position:relative;display:grid;gap:7px}.customer-combobox>label,.barcode-scan-row>label{color:var(--muted);font-size:.71rem;font-weight:750}.customer-search-control,.barcode-scan-control{min-height:52px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(127,78,31,.14);border-radius:17px;background:rgba(255,253,248,.9);box-shadow:inset 0 1px rgba(255,255,255,.8);transition:.18s}.customer-search-control:focus-within,.barcode-scan-control:focus-within{border-color:#ec8a18;box-shadow:0 0 0 4px rgba(255,145,19,.12)}.customer-search-control>span{font-size:1rem;color:#a46b35}.customer-search-control input,.barcode-scan-control input{min-width:0;flex:1;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important}.customer-search-control button{width:28px;height:28px;border:0;border-radius:9px;background:#f4e6d5;color:#8d5a2b;font-size:1rem}.customer-results{position:absolute;z-index:100;top:82px;left:0;right:0;padding:8px;border:1px solid rgba(124,75,28,.13);border-radius:18px;background:#fffdf8;box-shadow:0 24px 55px rgba(99,55,15,.22);backdrop-filter:blur(22px);max-height:330px;overflow:auto}.customer-result{width:100%;min-height:55px;padding:9px 11px;border:0;border-radius:13px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:#3d2a1d}.customer-result:hover,.customer-result.active{background:#fff0d8}.customer-result>span{display:grid;gap:3px}.customer-result strong{font-size:.78rem}.customer-result small{color:#8c7762;font-size:.64rem}.customer-result i{font-style:normal;color:#d36a0a}.customer-result-empty{padding:18px;text-align:center;color:#8c7762;font-size:.72rem}.barcode-scan-row{margin-bottom:18px;padding:15px;border-radius:21px;background:linear-gradient(135deg,rgba(255,243,221,.86),rgba(255,252,245,.82));border:1px solid rgba(142,81,22,.1);display:grid;gap:7px}.barcode-scan-control{background:#fff;min-height:56px}.scan-beam{width:34px;height:34px;border-radius:11px;background:#ff941a;color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(224,110,9,.2)}.barcode-scan-control kbd{padding:4px 8px;border-radius:8px;background:#f5eadc;border:1px solid rgba(120,75,31,.12);color:#876643;font-size:.62rem}.barcode-scan-row>small{color:#87715b;font-size:.65rem}.barcode-scan-row>small.scan-success{color:#168657;font-weight:800}.barcode-scan-row>small.scan-error{color:#bf4935;font-weight:800}.line-composer .composer-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}.line-composer .composer-grid>.span-2{grid-column:1/-1}.line-composer .composer-grid>.primary-button{min-height:52px}
@media(max-width:1200px){.line-composer .composer-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.line-composer .composer-grid>.span-2{grid-column:1/-1}}
@media(max-width:720px){.line-composer .composer-grid{grid-template-columns:1fr}.line-composer .composer-grid>.span-2{grid-column:auto}}

/* Apple-like glass scrollbar for the long navigation rail. */
.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(183,91,17,.52) transparent;scrollbar-gutter:stable}
.sidebar-scroll::-webkit-scrollbar{width:10px;height:10px}
.sidebar-scroll::-webkit-scrollbar-track{margin-block:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:inset 0 1px 3px rgba(128,67,17,.08)}
.sidebar-scroll::-webkit-scrollbar-thumb{min-height:54px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(235,133,45,.74)) padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 9px rgba(126,60,10,.18)}
.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(220,106,18,.9)) padding-box}
.sidebar-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,rgba(255,240,216,.98),rgba(194,82,8,.96)) padding-box}
.sidebar-scroll::-webkit-scrollbar-button,.sidebar-scroll::-webkit-scrollbar-button:single-button{display:none;width:0;height:0;background:transparent}
.sidebar-scroll::-webkit-scrollbar-corner{background:transparent}

.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:0 6px 16px}.report-summary-card{min-height:116px;padding:17px;border-radius:22px;display:grid;align-content:center;gap:7px}.report-summary-card span{color:var(--muted);font-size:.7rem;font-weight:800}.report-summary-card strong{font:800 1.35rem Manrope;letter-spacing:-.035em}.report-summary-card small{color:var(--muted);font-size:.65rem}.report-summary-card.accent{background:linear-gradient(145deg,#ff9a1f,#ff8210);color:#2f1d12}.report-summary-card.accent span,.report-summary-card.accent small{color:rgba(47,29,18,.68)}.report-hint{color:var(--muted);font-size:.7rem}.report-table-wrap{max-height:calc(100vh - 330px)}.profit-loss-table{font-size:.7rem}.profit-loss-table th{top:0;z-index:3}.profit-loss-table th:first-child,.profit-loss-table td:first-child{position:sticky;left:0;z-index:2;background:rgba(255,249,237,.97);box-shadow:8px 0 18px rgba(123,72,26,.06)}.profit-loss-table th:first-child{z-index:4;background:#fff1d6}.profit-loss-table td.number{font-variant-numeric:tabular-nums}@media(max-width:720px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-hint{display:none}}

/* Refined glass scrollbars for every data table, in both directions. */
.table-wrap{scrollbar-width:thin;scrollbar-color:rgba(205,103,20,.58) rgba(255,255,255,.18);scrollbar-gutter:stable}
.table-wrap::-webkit-scrollbar{width:11px;height:11px}
.table-wrap::-webkit-scrollbar-track{margin:3px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,238,211,.3));border:1px solid rgba(255,255,255,.38);border-radius:999px;box-shadow:inset 0 1px 3px rgba(119,61,15,.08)}
.table-wrap::-webkit-scrollbar-thumb{min-width:58px;min-height:58px;border:2px solid transparent;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,135,43,.78)) padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 2px 8px rgba(127,61,10,.18)}
.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(224,111,20,.92)) padding-box}
.table-wrap::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,235,205,.98),rgba(194,79,7,.98)) padding-box}
.table-wrap::-webkit-scrollbar-button,.table-wrap::-webkit-scrollbar-button:single-button{display:none;width:0;height:0;background:transparent}
.table-wrap::-webkit-scrollbar-corner{border-radius:999px;background:rgba(255,230,193,.46)}
.compact-list>div:not(.empty){padding:11px 2px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.compact-list>div:not(.empty) span{display:grid}.compact-list>div:not(.empty) strong{font-size:.8rem}.compact-list>div:not(.empty) small{color:var(--muted);font-size:.68rem}

.system-settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;max-width:1180px;margin:0 auto;align-items:start}.system-settings-rail{position:sticky;top:112px;padding:12px;display:grid;gap:8px}.system-settings-rail a{min-height:48px;padding:8px 10px;border-radius:15px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;color:#4b3322;text-decoration:none;font-weight:850}.system-settings-rail a:hover,.system-settings-rail a.active{background:rgba(255,252,246,.9);box-shadow:inset 0 0 0 1px rgba(126,74,27,.08)}.system-settings-rail span{width:34px;height:34px;border-radius:11px;background:#ff9818;color:#fff;display:grid;place-items:center;font-weight:900}.system-settings-form{display:grid;gap:15px;min-width:0}.system-settings-form .settings-card{padding:24px}.gst-log-card .settings-heading{align-items:center}.gst-log-toggle{margin:0 0 14px}.gst-log-table{min-width:620px}.gst-log-table th,.gst-log-table td{vertical-align:middle}.gst-log-table input{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,253,248,.88);color:var(--ink);text-align:right;outline:0}.gst-log-table input:focus{border-color:#ee8b18;box-shadow:0 0 0 3px rgba(255,151,24,.12)}.gst-log-table td:last-child{width:48px;text-align:center}.settings-hint{display:block;margin-top:10px;color:var(--muted);font-size:.68rem;font-weight:650}.system-settings-form .settings-save{position:sticky;bottom:14px;z-index:4}
@media(max-width:820px){.system-settings-shell{grid-template-columns:1fr}.system-settings-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.system-settings-form .settings-save{position:static}}
.system-settings-form .system-settings-save{grid-column:auto;position:fixed;right:24px;bottom:24px;z-index:80;padding:0;border-radius:0;display:block;background:transparent;border:0;box-shadow:none}.system-settings-form .system-settings-save[hidden]{display:none!important}.system-settings-form .system-settings-save .primary-button{min-width:104px;box-shadow:0 18px 34px rgba(171,82,7,.24),inset 0 1px 0 rgba(255,224,175,.8)}
.gst-log-table input[type=number]{appearance:textfield;-moz-appearance:textfield}
.gst-log-table input[type=number]::-webkit-outer-spin-button,.gst-log-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:820px){.system-settings-form .system-settings-save{position:fixed;right:14px;bottom:14px}}
.system-settings-form .compact-heading{margin-top:22px;margin-bottom:14px}.system-settings-form .compact-heading h2{font-size:1rem}
.thermal-header-preview{display:grid;gap:10px;padding:12px;border:1px solid rgba(31,48,39,.1);border-radius:8px;background:rgba(255,253,248,.7)}.thermal-header-preview img{max-width:min(360px,100%);max-height:170px;object-fit:contain;background:#fff;border:1px solid rgba(31,48,39,.1);border-radius:8px;padding:8px}
.thermal-item-options-panel{display:grid;gap:12px;padding-top:6px;border-top:1px solid rgba(127,78,31,.12)}.thermal-item-options-panel h3{margin:3px 0 0;font:850 .98rem Manrope;color:#3d2b1d}.thermal-item-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.thermal-item-options-grid .setting-check{min-height:42px;padding:8px 10px;border:1px solid rgba(127,78,31,.1);border-radius:8px;background:rgba(255,253,248,.55)}
.settings-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.soft-action{min-height:28px;padding:0 10px;border:1px solid rgba(126,74,27,.13);border-radius:10px;background:rgba(255,252,246,.9);color:#9b4d08;font-size:.66rem;font-weight:850;white-space:nowrap}
.system-settings-shell{max-width:none;margin:0 6px 0 0;grid-template-columns:230px minmax(0,1fr)}.system-settings-rail{top:96px}.system-settings-rail a.active{background:rgba(255,248,237,.98);color:#8c3f05;box-shadow:inset 4px 0 0 #ff9818,0 12px 24px rgba(93,53,19,.08)}.system-settings-rail a.active span{background:#7a3a07;color:#fff}.system-settings-form .settings-card{max-width:980px}
@media(max-width:820px){.system-settings-shell{margin:0;grid-template-columns:1fr}.system-settings-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.system-settings-form .settings-card{max-width:none}}

/* Compact top area for the POS invoice entry screen. */
.sale-entry-head{align-items:center;margin:0 6px 10px;gap:14px}.sale-entry-head h1{margin:2px 0 3px;font-size:clamp(1.35rem,2.1vw,1.9rem);letter-spacing:-.035em}.sale-entry-head p{font-size:.8rem;line-height:1.35}.sale-entry-head .eyebrow{font-size:.61rem}.sale-entry-head .secondary-button{min-height:36px;padding:0 13px;border-radius:13px;font-size:.76rem}#saleForm{gap:10px}#saleForm .customer-entry{gap:8px;padding:11px 14px;border-radius:22px}#saleForm .customer-mode{gap:14px}#saleForm .customer-mode strong{font-size:.9rem}#saleForm .customer-mode label{font-size:.68rem}#saleForm .customer-fields{gap:8px}#saleForm .customer-fields:has(.customer-combobox){grid-template-columns:minmax(0,620px) minmax(220px,320px)}#saleForm .customer-combobox{gap:4px}#saleForm .customer-combobox>label{font-size:.65rem}#saleForm .customer-search-control{min-height:38px;padding:0 10px;border-radius:13px}#saleForm .customer-search-control>span{font-size:.86rem}#saleForm .customer-search-control button{width:24px;height:24px;border-radius:8px}#saleForm .reward-balance{min-height:50px;padding:8px 11px;border-radius:13px}#saleForm .reward-balance span{font-size:.56rem}#saleForm .reward-balance strong{font-size:.78rem}#saleForm .reward-balance small{font-size:.58rem}#saleForm .new-customer-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}#saleForm .new-customer-fields input{min-height:38px;padding:7px 10px}@media(max-width:820px){.sale-entry-head{align-items:flex-start;margin-bottom:10px}.sale-entry-head .head-actions{width:100%;flex-wrap:wrap}.sale-entry-head .secondary-button{flex:1}#saleForm .customer-fields:has(.customer-combobox),#saleForm .new-customer-fields{grid-template-columns:1fr}}

/* Extra compact POS header/customer strip. */
.sale-entry-head{margin:0 6px 6px}.sale-entry-head h1{margin:0;font-size:clamp(1.18rem,1.7vw,1.48rem);line-height:1.1}.sale-entry-head p{display:none}.sale-entry-head .eyebrow{font-size:.56rem}.sale-entry-head .secondary-button{min-height:32px;padding:0 11px;border-radius:11px}#saleForm{gap:8px}#saleForm .customer-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;border-radius:18px}#saleForm .customer-mode{gap:10px;min-width:max-content}#saleForm .customer-mode strong{font-size:.82rem}#saleForm .customer-mode label{font-size:.62rem}#saleForm .customer-fields:has(.customer-combobox){grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:center}#saleForm .customer-combobox>label{display:none}#saleForm .customer-search-control{min-height:32px;padding:0 8px;border-radius:11px}#saleForm .customer-search-control input{font-size:.72rem}#saleForm .customer-search-control button{width:21px;height:21px}#saleForm .customer-results{top:38px}#saleForm .reward-balance{min-height:38px;padding:6px 9px;border-radius:11px}#saleForm .reward-balance span{display:none}#saleForm .reward-balance strong{font-size:.72rem}#saleForm .reward-balance small{font-size:.55rem;line-height:1.15}#saleForm .new-customer-fields{grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(210px,1fr);gap:8px}#saleForm .new-customer-fields input{min-height:32px;padding:6px 9px;font-size:.72rem}#saleForm .new-customer-fields small{padding:0;font-size:.6rem}@media(max-width:1050px){#saleForm .customer-entry{grid-template-columns:1fr}#saleForm .customer-mode{min-width:0}}@media(max-width:820px){.sale-entry-head{margin-bottom:7px}#saleForm .customer-fields:has(.customer-combobox),#saleForm .new-customer-fields{grid-template-columns:1fr}}

/* Remove remaining vertical air above the POS title. */
.workspace:has(.sale-entry-head){padding-top:4px}.content:has(.sale-entry-head){padding-top:4px}.sale-entry-head{min-height:0;margin-top:0}.sale-entry-head .eyebrow{display:none}.sale-entry-head .head-actions{align-items:center}

@media(min-width:821px){#saleForm .sale-top-strip{display:grid;grid-template-columns:minmax(620px,1.2fr) minmax(500px,.85fr);gap:14px;align-items:stretch}#saleForm .sale-top-strip .customer-entry{grid-template-columns:auto minmax(0,1fr)}#saleForm .sale-top-strip .customer-fields:has(.customer-combobox){grid-template-columns:minmax(150px,1fr) 170px;align-items:center}#saleForm .sale-top-strip .reward-balance{min-width:0;width:auto}#saleForm .sale-top-strip .transaction-head{grid-template-columns:120px 130px minmax(0,1fr)}#saleForm .sale-top-strip .transaction-hint{width:100%;min-width:0;overflow:hidden}#saleForm .sale-top-strip .transaction-hint strong{font-size:.68rem;white-space:nowrap;line-height:1.12}}

@media(min-width:821px){#saleForm .sale-item-composer{padding:13px 18px}#saleForm .sale-item-inline{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(420px,.9fr) minmax(280px,.7fr);gap:10px;align-items:center;margin-bottom:10px}#saleForm .sale-item-heading{margin:0;min-width:0}#saleForm .sale-item-heading h2{font-size:1rem;margin:2px 0 0;white-space:nowrap}#saleForm .sale-item-heading .eyebrow{font-size:.6rem}#saleForm .sale-item-heading .soft-chip{white-space:nowrap}#saleForm .sale-item-inline .barcode-scan-row{margin:0;padding:7px 9px;border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,.52fr);gap:8px;align-items:center}#saleForm .sale-item-inline .barcode-scan-row>label{white-space:nowrap;font-size:.62rem}#saleForm .sale-item-inline .barcode-scan-control{min-height:36px;padding:0 8px;border-radius:12px;gap:8px}#saleForm .sale-item-inline .scan-beam{width:26px;height:26px;border-radius:9px}#saleForm .sale-item-inline .barcode-scan-control input{font-size:.72rem}#saleForm .sale-item-inline .barcode-scan-row>small{font-size:.56rem;line-height:1.15}#saleForm .sale-product-inline{min-width:0;gap:4px;font-size:.62rem}#saleForm .sale-product-inline select{min-height:36px;padding:7px 9px;border-radius:12px}#saleForm .sale-detail-grid{grid-template-columns:minmax(95px,.6fr) minmax(120px,.75fr) minmax(110px,.7fr) minmax(210px,1fr) minmax(125px,.65fr);gap:9px}#saleForm .sale-detail-grid>.primary-button{min-height:48px}}
@media(max-width:820px){#saleForm .sale-item-inline{display:grid;gap:10px;margin-bottom:10px}#saleForm .sale-item-heading{margin-bottom:0}}
#saleForm .sale-pick-fields{display:grid;grid-template-columns:1fr;gap:6px;align-items:end;min-width:0}
#saleForm .sale-batch-inline{min-width:0;gap:4px;font-size:.62rem}
#saleForm .sale-batch-inline select{min-height:36px;padding:7px 9px;border-radius:12px}
#saleForm .sale-batch-inline small{color:#85694c;font-size:.56rem;line-height:1.15}
#saleForm .sale-batch-inline select:disabled{opacity:.62;cursor:not-allowed}
#saleForm .sale-gst-rate-field{display:grid;gap:4px}
#saleForm .sale-gst-rate-field[hidden]{display:none!important}
#saleForm .gst-suggestion-line{min-height:22px;display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
#saleForm .gst-suggestion-line small{min-height:0;min-width:0;color:#7a6249;font-size:.62rem;font-weight:800;line-height:1.1;overflow:visible;text-overflow:clip}
#saleForm .gst-use-button{min-height:21px;width:max-content;padding:0 7px;border:1px solid rgba(123,60,13,.14);border-radius:8px;background:#fff7eb;color:#744017;font-size:.58rem;font-weight:900;flex:0 0 auto}
#saleForm .gst-use-button[hidden]{display:none!important}
@media(max-width:820px){#saleForm .sale-pick-fields{grid-template-columns:1fr}#saleForm .sale-batch-inline{font-size:.7rem}}

@media(min-width:1181px){
#saleForm{align-items:stretch}
#saleForm>.sale-top-strip,#saleForm>.sale-item-composer{align-self:stretch}
#saleForm>.sale-top-strip .customer-entry{height:100%;align-content:start}
#saleForm>.sale-item-composer{display:grid;grid-template-rows:auto auto;gap:10px}
#saleForm .sale-item-inline{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:10px!important;margin:0!important;align-items:stretch!important}
#saleForm .sale-item-heading{display:grid!important;grid-template-columns:minmax(150px,.78fr) minmax(300px,2fr) minmax(150px,.72fr);gap:10px;align-items:end!important;flex-wrap:nowrap!important;margin:0!important}
#saleForm .sale-item-heading>div:first-child{min-width:0}
#saleForm .sale-item-heading h2{white-space:normal}
#saleForm .sale-item-heading .sale-entry-date{margin:0;width:auto;min-width:0}
#saleForm .barcode-scan-row{width:100%;margin:0!important;display:grid!important;grid-template-columns:auto minmax(210px,1fr)!important;gap:8px;align-items:center}
#saleForm .barcode-scan-row label{margin:0;white-space:nowrap}
#saleForm #barcodeScanStatus:empty{display:none}
#saleForm .sale-pick-fields{display:grid!important;grid-template-columns:minmax(320px,2fr) minmax(220px,1.15fr) minmax(130px,.68fr) minmax(145px,.76fr)!important;gap:10px!important;align-items:start!important}
#saleForm .sale-pick-fields>label,#saleForm .sale-pick-fields>.sale-batch-inline{align-self:start;display:grid!important;grid-template-rows:17px 46px 22px;gap:4px;align-content:start}
#saleForm .sale-product-inline select,#saleForm .sale-batch-inline select{width:100%;min-width:0;max-width:100%}
#saleForm .sale-batch-row{display:flex;gap:8px;align-items:center}
#saleForm .sale-batch-inline small{min-height:0;line-height:1.15;white-space:nowrap}
#saleForm .sale-detail-grid{display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(125px,1fr) minmax(110px,1fr) minmax(80px,.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,auto)!important;gap:10px!important;align-items:start!important}
#saleForm .sale-detail-grid>label{display:grid!important;grid-template-rows:17px 16px 46px 18px;gap:4px;align-content:start}
#saleForm .sale-detail-grid .primary-button{height:48px;align-self:start;margin-top:21px}
}

/* POS add-item alignment repair. Keep helper text in its own row so it cannot overlap neighboring controls. */
#saleForm .sale-pick-fields{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
#saleForm .sale-pick-fields>label,#saleForm .sale-pick-fields>.sale-batch-inline{min-width:0;display:grid!important;grid-template-rows:auto minmax(42px,auto) auto!important;gap:5px!important;align-content:start!important}
#saleForm .sale-product-inline{grid-column:span 5}
#saleForm .sale-product-inline + .sale-batch-inline{grid-column:span 3}
#saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline,#saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline + .sale-batch-inline{grid-column:span 2}
#saleForm .sale-gst-rate-field{grid-column:span 2}
#saleForm .sale-mrp-field,#saleForm .sale-rate-field{grid-column:span 3}
#saleForm .sale-batch-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;align-items:start!important;min-width:0}
#saleForm .sale-batch-row select{width:100%;min-width:0}
#saleForm .sale-batch-inline small,#saleForm #barcodeScanStatus{display:block;max-width:100%;min-width:0;min-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saleForm .sale-detail-grid>label{display:grid!important;grid-template-rows:17px 16px 46px 18px!important;gap:4px!important;align-content:start!important;min-width:0}
#saleForm .sale-detail-grid>label>input,#saleForm .sale-detail-grid>label>.sale-unit-field{grid-row:3;width:100%;min-width:0}
#saleForm .sale-detail-grid .sale-fixed-discount-note{grid-row:2}
#saleForm .sale-detail-grid .sale-safe-discount{grid-row:4}
#saleForm .sale-detail-grid .primary-button{height:48px;align-self:start;margin-top:41px}
@media(max-width:1180px){#saleForm .sale-pick-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}#saleForm .sale-product-inline,#saleForm .sale-product-inline + .sale-batch-inline,#saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline,#saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline + .sale-batch-inline,#saleForm .sale-gst-rate-field,#saleForm .sale-mrp-field,#saleForm .sale-rate-field{grid-column:auto}}
@media(max-width:820px){#saleForm .sale-pick-fields{grid-template-columns:1fr!important}#saleForm .sale-detail-grid>label{grid-template-rows:auto auto minmax(42px,auto) auto!important}#saleForm .sale-detail-grid .primary-button{margin-top:0;width:100%}}
#saleForm .sale-pick-fields input,#saleForm .sale-pick-fields select,#saleForm .sale-detail-grid input,#saleForm .sale-unit-field{box-sizing:border-box;max-width:100%;min-width:0}
#saleForm .sale-pick-fields select{overflow:hidden;text-overflow:ellipsis}
#saleForm .sale-detail-grid .sale-unit-field input{width:100%;min-width:0}
#saleForm .sale-detail-grid .sale-unit-field span{flex:0 0 auto}

@media(min-width:1181px){
    #saleForm .sale-pick-fields{grid-template-columns:repeat(12,minmax(0,1fr))!important}
    #saleForm .sale-product-inline{grid-column:span 4!important}
    #saleForm .sale-product-inline + .sale-batch-inline{grid-column:span 5!important}
    #saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline{grid-column:span 1!important}
    #saleForm .sale-product-inline + .sale-batch-inline + .sale-batch-inline + .sale-batch-inline{grid-column:span 2!important}
    #saleForm #saleSize{width:100%!important;max-width:100%!important}
}

#saleForm .sale-batch-combobox{position:relative}
#saleForm .sale-batch-row{position:relative}
#saleForm #saleBatchSearch{width:100%;min-width:0}
#saleForm #saleBatchSearch:disabled{opacity:.62;cursor:not-allowed}
#saleForm .sale-batch-results{position:absolute;z-index:70;top:47px;left:0;right:0;display:grid;gap:4px;max-height:300px;overflow:auto;padding:7px;border:1px solid rgba(31,48,39,.14);border-radius:11px;background:#fffdf7;box-shadow:0 18px 45px rgba(65,42,14,.16)}
#saleForm .sale-batch-results[hidden]{display:none}
#saleForm .sale-batch-result{border:0;border-radius:8px;background:transparent;padding:9px 10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);cursor:pointer}
#saleForm .sale-batch-result:hover,#saleForm .sale-batch-result.active{background:#f5e7c8}
#saleForm .sale-batch-result span{display:grid;gap:2px;min-width:0}
#saleForm .sale-batch-result strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saleForm .sale-batch-result small,#saleForm .sale-batch-empty{color:var(--muted);font-size:.68rem;line-height:1.25}
#saleForm .sale-batch-result i{font-style:normal;color:#8d6a36;font-weight:900}