:root{--ink:#15201b;--muted:#68736d;--line:rgba(31,48,39,.11);--glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.9);--lime:#dfff5b;--lime-dark:#779b00;--mint:#e9f1eb;--danger:#be4153;--shadow:0 22px 60px rgba(30,48,38,.12),inset 0 1px 0 rgba(255,255,255,.88);--radius:22px}
*{box-sizing:border-box}html{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#f4f6f3}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#fff 0,transparent 40%),linear-gradient(135deg,#f8faf7,#edf1ed)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none}.ambient-one{width:560px;height:560px;right:-180px;top:-210px;background:radial-gradient(circle,rgba(214,255,125,.23),transparent 68%)}.ambient-two{width:520px;height:520px;left:17%;bottom:-340px;background:radial-gradient(circle,rgba(202,226,212,.5),transparent 68%)}.glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,251,248,.64));border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}.app-shell{min-height:100vh;padding:16px;display:grid;grid-template-columns:264px minmax(0,1fr);gap:16px;position:relative}.sidebar{height:calc(100vh - 32px);border-radius:26px;display:flex;flex-direction:column;position:sticky;top:16px;overflow:hidden}.brand{display:flex;gap:12px;align-items:center;padding:20px}.brand-symbol{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#13251c,#345044);color:var(--lime);display:grid;place-items:center;font:800 1.1rem Manrope;box-shadow:0 12px 26px rgba(19,37,28,.22),inset 0 1px rgba(255,255,255,.22)}.brand>span:last-child,.sidebar-user>span:nth-child(2){min-width:0;display:grid}.brand strong{font:800 1.06rem Manrope}.brand small,.sidebar-user small{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{padding:4px 10px 20px;overflow:auto;scrollbar-width:thin}.nav-group{padding:20px 12px 7px;color:#8d9892;text-transform:uppercase;font-size:.64rem;letter-spacing:.13em;font-weight:800}.nav-link{min-height:43px;padding:8px 11px;border-radius:13px;display:flex;align-items:center;gap:10px;color:#5d6862;font-size:.86rem;font-weight:600;margin:2px 0;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.72);color:var(--ink);transform:translateX(2px)}.nav-link.active{color:var(--ink);background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(35,51,43,.09),inset 0 0 0 1px rgba(30,45,37,.06)}.nav-icon{width:25px;height:25px;border-radius:8px;background:rgba(28,45,36,.06);display:grid;place-items:center;font-size:.74rem;font-weight:800}.nav-link.active .nav-icon{background:var(--lime)}.sidebar-user{border-top:1px solid var(--line);padding:13px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px}.avatar{width:37px;height:37px;border-radius:13px;background:#e7ece8;display:grid;place-items:center;font-weight:800}.sidebar-user strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button,.menu-button{border:0;background:transparent;color:var(--muted);padding:8px;border-radius:10px}.icon-button:hover,.menu-button:hover{background:#edf1ee}.workspace{min-width:0}.topbar{height:72px;border-radius:22px;padding:10px 16px;display:grid;grid-template-columns:auto minmax(130px,.45fr) minmax(280px,560px) minmax(110px,.25fr);align-items:center;gap:14px;position:sticky;top:16px;z-index:20}.menu-button{display:none}.breadcrumb{display:grid}.breadcrumb small{color:var(--muted);font-size:.67rem}.breadcrumb strong{font:750 .92rem Manrope}.global-search{height:44px;border-radius:14px;background:rgba(255,255,255,.84);border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 12px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.global-search kbd{background:#f1f3f1;border:1px solid var(--line);padding:3px 7px;border-radius:6px;color:#8b948f;font-size:.65rem}.live-status{justify-self:end;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:700}.live-status i{width:8px;height:8px;border-radius:50%;background:#73b852;box-shadow:0 0 0 4px rgba(115,184,82,.14)}.content{padding:30px 6px 50px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:6px 6px 24px}.eyebrow{color:var(--lime-dark);font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.page-head h1{margin:6px 0 5px;font:800 clamp(1.8rem,3vw,2.65rem) Manrope;letter-spacing:-.045em}.page-head p,.login-story p,.login-card p{margin:0;color:var(--muted);max-width:660px;line-height:1.55}.head-actions{display:flex;gap:9px}.primary-button,.secondary-button{min-height:43px;padding:0 16px;border-radius:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.82rem;font-weight:800}.primary-button{background:#17251e;color:white;box-shadow:0 12px 25px rgba(22,37,29,.2)}.primary-button span{color:var(--lime)}.secondary-button{background:rgba(255,255,255,.72);border-color:var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card{border-radius:20px;padding:20px;display:grid;gap:6px;min-height:140px}.metric-card>span{color:var(--muted);font-size:.76rem;font-weight:700}.metric-card strong{font:800 clamp(1.35rem,2.1vw,2rem) Manrope;letter-spacing:-.04em}.metric-card small{color:#89928d}.metric-card.accent{background:linear-gradient(140deg,#17251e,#274437);color:white}.metric-card.accent>span,.metric-card.accent small{color:rgba(255,255,255,.65)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:14px}.panel{border-radius:22px;padding:19px;min-width:0}.panel.full{grid-column:1/-1}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font:750 1.05rem Manrope;margin:3px 0}.panel-head a{color:var(--lime-dark);font-size:.76rem;font-weight:800}.soft-chip{padding:6px 9px;border-radius:999px;background:#edf3ee;color:#657069;font-size:.68rem;font-weight:800}.chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:16px 4px 5px;border-bottom:1px solid var(--line)}.chart-bar{flex:1;min-width:6px;background:linear-gradient(to top,#263b31,var(--lime));border-radius:8px 8px 3px 3px;position:relative;transition:.2s}.chart-bar:hover{filter:brightness(1.08);transform:translateY(-2px)}.chart-bar span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:.58rem;color:var(--muted)}.compact-list{display:grid}.compact-list>a{padding:11px 2px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.compact-list>a:last-child{border:0}.compact-list a span{display:grid}.compact-list strong{font-size:.8rem}.compact-list small{color:var(--muted);font-size:.68rem}.danger-number{color:var(--danger)!important}.table-wrap{overflow:auto;border:1px solid rgba(34,51,42,.07);border-radius:15px;background:rgba(255,255,255,.48)}table{width:100%;border-collapse:collapse;font-size:.76rem}th{text-align:left;color:#7f8984;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;background:rgba(238,242,239,.65);position:sticky;top:0}th,td{padding:12px 13px;border-bottom:1px solid rgba(34,51,42,.07);white-space:nowrap}tbody tr:hover{background:rgba(223,255,91,.07)}tr:last-child td{border:0}.number{text-align:right;font-variant-numeric:tabular-nums}.row-action{display:inline-flex;padding:6px 10px;border-radius:9px;background:#eef2ef;font-weight:800;color:#4f5e56}.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.search-box{height:42px;max-width:430px;flex:1;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box input{width:100%;border:0;background:transparent;outline:0}.empty{padding:24px;color:var(--muted);text-align:center}.toast{padding:12px 15px;border-radius:13px;margin:0 6px 16px;font-size:.8rem;font-weight:650}.toast.success{color:#245c31;background:#e7f6e8;border:1px solid #ccebcf}.toast.error{color:#7f2634;background:#fbe8eb;border:1px solid #f1cdd3}.record-form{max-width:1050px;margin:0 auto;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label,.stack-form label{display:grid;gap:7px;color:var(--muted);font-size:.72rem;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.transaction-form input,.transaction-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.83);color:var(--ink);outline:0}.form-grid textarea{min-height:100px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.stack-form input:focus,.transaction-form input:focus,.transaction-form select:focus{border-color:#99b52d;box-shadow:0 0 0 3px rgba(191,224,55,.15)}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.danger-zone{max-width:1050px;margin:12px auto;text-align:right}.danger-zone button{border:0;background:transparent;color:var(--danger);font-size:.74rem}.search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.login-body{display:grid;place-items:center;padding:24px}.login-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:18px;position:relative}.login-story,.login-card{border-radius:30px;padding:clamp(30px,5vw,62px)}.login-story{min-height:590px;color:white;background:linear-gradient(145deg,rgba(18,35,27,.96),rgba(43,70,55,.91));display:flex;flex-direction:column;justify-content:flex-end}.login-story .eyebrow{color:var(--lime)}.login-story h1{font:800 clamp(2.2rem,4.5vw,4rem) Manrope;line-height:1.03;letter-spacing:-.065em;max-width:700px;margin:12px 0 18px}.login-story p{color:rgba(255,255,255,.68)}.login-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.login-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.67rem}.login-card{display:flex;flex-direction:column;justify-content:center;gap:27px}.login-brand{padding:0}.login-card h2{font:800 2rem Manrope;letter-spacing:-.04em;margin:7px 0}.stack-form{display:grid;gap:15px}.stack-form .primary-button{margin-top:5px;width:100%}.login-note{text-align:center;color:var(--muted)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.search-results{grid-template-columns:1fr}.topbar{grid-template-columns:auto 1fr minmax(240px,420px)}.live-status{display:none}}
@media(max-width:820px){.app-shell{grid-template-columns:1fr;padding:10px}.sidebar{position:fixed;z-index:50;left:10px;top:10px;width:270px;height:calc(100vh - 20px);transform:translateX(-120%);transition:.25s}.sidebar.open{transform:none}.topbar{top:10px;height:auto;grid-template-columns:auto 1fr}.menu-button{display:block}.global-search{grid-column:1/-1}.content{padding-top:20px}.metric-grid,.dashboard-grid,.login-shell{grid-template-columns:1fr}.login-story{min-height:360px}.page-head{align-items:flex-start;flex-direction:column}.panel.full{grid-column:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media print{.sidebar,.topbar,.head-actions,.toast,.no-print{display:none!important}.app-shell{display:block;padding:0}.content{padding:0}.glass-panel{box-shadow:none;border:0;background:white}.panel{padding:0}body{background:#fff}.ambient{display:none}}
.transaction-form{display:grid;gap:14px}.transaction-head{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:13px}.transaction-form label,.line-composer label,.notes-panel label{display:grid;gap:7px;color:var(--muted);font-size:.71rem;font-weight:750}.line-composer{padding:20px}.composer-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;align-items:end}.composer-grid.purchase{grid-template-columns:repeat(6,minmax(100px,1fr))}.composer-grid select,.composer-grid input,.transaction-head select,.transaction-head input{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.83);outline:0}.transaction-footer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);gap:14px}.notes-panel textarea{min-height:90px;border:1px solid var(--line);border-radius:12px;background:#ffffffc9;padding:11px}.mini-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.mini-fields input{min-width:0;min-height:41px;border:1px solid var(--line);border-radius:10px;padding:8px;background:#ffffffc9}.totals-card{display:grid;gap:10px}.totals-card>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.totals-card b{color:var(--ink)}.totals-card .grand{border-top:1px solid var(--line);padding-top:13px;align-items:end}.totals-card .grand strong{font:800 1.7rem Manrope;color:var(--ink)}.line-remove{width:28px;height:28px;border:0;border-radius:9px;background:#f8e9eb;color:var(--danger);font-weight:900}.invoice-sheet{max-width:1050px;margin:0 auto;border-radius:24px;padding:34px}.invoice-header,.invoice-party,.invoice-summary{display:flex;justify-content:space-between;gap:20px}.invoice-header{align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px}.invoice-header .brand{padding:0}.invoice-header>div:last-child{text-align:right;display:grid;gap:3px}.invoice-header>div:last-child>span,.invoice-party span,.invoice-summary span{color:var(--muted);font-size:.7rem}.invoice-header>div:last-child strong{font:800 1.6rem Manrope}.invoice-party{padding:24px 0}.invoice-party>div{max-width:48%;display:grid;gap:5px}.invoice-party p,.invoice-summary p{margin:0;color:var(--muted);font-size:.78rem}.invoice-party>div:last-child{text-align:right}.invoice-sheet td small{display:block;color:var(--muted)}.invoice-summary{padding-top:24px}.invoice-summary>div:last-child{width:min(380px,50%);display:grid;gap:8px}.invoice-summary>div:last-child p{display:flex;justify-content:space-between}.invoice-summary .grand{border-top:1px solid var(--line);padding-top:11px;align-items:end}.invoice-summary .grand strong{font:800 1.45rem Manrope;color:var(--ink)}
@media(max-width:1100px){.transaction-head{grid-template-columns:repeat(2,1fr)}.composer-grid.purchase{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.transaction-head,.composer-grid,.composer-grid.purchase,.transaction-footer,.mini-fields{grid-template-columns:1fr}.invoice-sheet{padding:18px}.invoice-party,.invoice-summary{flex-direction:column}.invoice-party>div,.invoice-summary>div:last-child{max-width:none;width:100%;text-align:left}}
.tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.tax-story{padding:28px}.tax-story h2{font:800 1.55rem Manrope;letter-spacing:-.04em}.tax-story p{color:var(--muted);line-height:1.6}.tax-story code{display:block;padding:12px;border-radius:12px;background:#edf2ee;color:#445249;margin:18px 0;font-size:.78rem}.tax-story.dark{background:linear-gradient(145deg,#17251e,#2e4a3c);color:white}.tax-story.dark p{color:#ffffffaa}.tax-story.dark code{background:#ffffff12;color:var(--lime)}.tax-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:.68rem;font-weight:900}.tax-example{display:grid;gap:7px}.tax-example span{display:flex;justify-content:space-between;font-size:.78rem}.tax-calculator{margin:14px 0}.tax-inputs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.tax-inputs label,.report-filter label,.label-quantity{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:750}.tax-inputs input,.tax-inputs select,.report-filter input,.label-quantity input{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#ffffffc9;padding:8px}.tax-output{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.tax-output>div{padding:14px;border-radius:14px;background:#eff3f0;display:grid;gap:5px}.tax-output span{font-size:.69rem;color:var(--muted)}.tax-output .grand{background:var(--lime)}.tax-notes{margin-top:14px}.tax-notes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tax-notes p{color:var(--muted);line-height:1.55;font-size:.78rem}.barcode-preview{width:150px;height:38px;object-fit:contain}.label-quantity{grid-template-columns:auto 70px;align-items:center}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{border-radius:20px;padding:20px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;transition:.2s}.report-card:hover{transform:translateY(-3px);box-shadow:0 28px 65px rgba(30,48,38,.16)}.report-card>span{width:40px;height:40px;border-radius:13px;background:var(--lime);display:grid;place-items:center;font-weight:900}.report-card h2{font:750 .95rem Manrope;margin:0 0 5px}.report-card p{font-size:.72rem;color:var(--muted);margin:0}.report-card b{font-size:.7rem}.report-filter{display:flex;gap:10px;align-items:end;margin-bottom:14px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.utility-grid p{color:var(--muted);font-size:.8rem;line-height:1.55}.integrity{display:grid;margin-bottom:16px}.integrity span,.backup-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.78rem}.backup-row span{display:grid}.backup-row small{color:var(--muted)}
@media(max-width:1050px){.tax-inputs{grid-template-columns:repeat(4,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.tax-grid,.tax-output,.tax-notes>div,.report-grid,.utility-grid{grid-template-columns:1fr}.tax-inputs{grid-template-columns:repeat(2,1fr)}}
@font-face{font-family:Manrope;src:local("Segoe UI Variable Display"),local("Segoe UI");font-weight:100 900}@font-face{font-family:'DM Sans';src:local("Segoe UI Variable Text"),local("Segoe UI");font-weight:100 900}
.rich-transaction{--sale-accent:#9a4f12}.sale-deep .glass-panel{background:linear-gradient(145deg,rgba(255,248,235,.96),rgba(255,224,174,.8));border-color:rgba(255,255,255,.92);box-shadow:0 22px 58px rgba(101,53,15,.16),inset 0 1px #fff}.sale-deep .line-composer,.sale-deep .split-payment-panel{background:linear-gradient(145deg,#fff5e5,#ffd795)}.sale-deep .primary-button{background:linear-gradient(135deg,#6d2f08,#b45c13);box-shadow:0 13px 28px rgba(109,47,8,.25)}
.reward-balance,.transaction-hint{padding:12px 15px;border-radius:15px;background:linear-gradient(135deg,#3c1e0b,#744017);color:#fff;display:grid;gap:2px;min-width:230px}.reward-balance span,.transaction-hint span{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#ffdba8}.reward-balance strong,.transaction-hint strong{font:800 .9rem Manrope}.reward-balance small,.transaction-hint small{color:#ffffffa8;font-size:.66rem}.customer-fields{align-items:end}.split-payment-panel{margin-top:14px}.payment-rows{display:grid;gap:9px}.payment-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,.55fr) 34px;gap:9px;align-items:center;padding:10px;border-radius:15px;background:#ffffffa8;border:1px solid #fff}.payment-row.has-reference{grid-template-columns:minmax(150px,1fr) minmax(120px,.55fr) minmax(150px,.8fr) 34px}.payment-row select,.payment-row input{min-height:43px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:8px 11px}.payment-progress{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(90,45,12,.13);font-size:.78rem}.product-pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:14px}.product-pick-row label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:750}.product-pick-row input{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#ffffffd9;padding:10px 12px}.quick-product-dialog{width:min(720px,calc(100% - 30px));border:1px solid #ffffffdd;border-radius:24px;padding:23px;background:#fff5e6;box-shadow:0 35px 100px #3a1e0c55}.quick-product-dialog::backdrop{background:#21120888;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:4px 0 18px}.dialog-head>button{border:0;background:#fff;width:34px;height:34px;border-radius:11px}.field-verify-button{margin-top:7px;border:0;border-radius:10px;padding:8px 12px;background:#2c4a3a;color:#fff;font-weight:800}.verify-success{color:#23814b}.verify-error{color:#b22e43}.verify-pending{color:#8a6800}.history-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.history-stat{padding:20px;border-radius:21px;background:linear-gradient(145deg,#fff1d9,#ffc875);box-shadow:0 18px 45px #74401722;display:grid;gap:5px}.history-stat span,.history-stat small{color:#795633}.history-stat strong{font:800 1.7rem Manrope}.invoice-savings{margin:10px 0;padding:11px 14px;border:1px solid #efd4a5;border-radius:12px;background:#fff3dc;display:flex;justify-content:space-between;gap:12px}.invoice-savings strong{color:#934d12}.invoice-savings span{font-size:.72rem;color:#755c45}
@media(max-width:820px){.payment-row,.payment-row.has-reference,.product-pick-row,.history-hero{grid-template-columns:1fr}.reward-balance,.transaction-hint{min-width:0}.invoice-savings{display:grid}}
.thermal-savings,.thermal-rewards{margin-top:6px;padding:6px;border:1px dashed #111;text-align:center;display:grid;gap:2px}.thermal-savings b{font-size:11px}.thermal-savings span,.thermal-rewards span{font-size:7px}

.sale-entry-head{align-items:center;margin-bottom:14px}.sale-entry-head .head-actions{flex-wrap:nowrap}.sale-entry-head .secondary-button{white-space:nowrap}.sale-top-strip{display:grid;grid-template-columns:minmax(620px,1.2fr) minmax(500px,.85fr);gap:14px;align-items:stretch}.sale-top-strip>.panel{margin:0;min-height:0}.sale-top-strip .customer-entry{display:grid;grid-template-columns:minmax(180px,max-content) minmax(0,1fr);gap:12px;align-items:end;padding:15px}.sale-top-strip .customer-mode{display:flex;align-items:center;align-self:center;gap:10px;flex-wrap:wrap}.sale-top-strip .customer-mode strong{font:800 .9rem Manrope;margin-right:2px;white-space:nowrap}.sale-top-strip .customer-mode label{display:inline-flex;align-items:center;gap:6px;margin:0;color:#5f4630;font-size:.72rem;white-space:nowrap}.sale-top-strip .customer-mode input{width:auto;min-height:0;margin:0;accent-color:#9a4f12}.sale-top-strip .customer-fields{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr);gap:10px;align-items:end;min-width:0}.sale-top-strip .new-customer-fields{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(180px,.8fr)}.sale-top-strip .new-customer-fields small{align-self:center;color:#7a6249;font-size:.66rem;line-height:1.35}.sale-top-strip .customer-combobox{position:relative;min-width:0}.sale-top-strip .customer-combobox>label{font-size:.64rem;line-height:1.1}.sale-top-strip .customer-search-control{display:flex;align-items:center;gap:8px;min-height:43px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.84);padding:0 10px}.sale-top-strip .customer-search-control span{color:#7a5a38;font-weight:800}.sale-top-strip .customer-search-control input{width:100%;min-width:0;min-height:0;border:0;background:transparent;padding:0;outline:0;box-shadow:none}.sale-top-strip .customer-search-control button{border:0;background:#f0dfc5;color:#68401c;width:26px;height:26px;border-radius:8px;font-weight:900}.sale-top-strip .customer-results{position:absolute;z-index:30;top:calc(100% + 7px);left:0;right:0;display:grid;gap:4px;max-height:280px;overflow:auto;padding:7px;border:1px solid rgba(101,53,15,.14);border-radius:13px;background:#fff9ef;box-shadow:0 18px 45px rgba(75,39,10,.18)}.sale-top-strip .customer-result{border:0;border-radius:10px;background:transparent;padding:8px 9px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px}.sale-top-strip .customer-result:hover,.sale-top-strip .customer-result.active{background:#f7e4c2}.sale-top-strip .customer-result span{display:grid}.sale-top-strip .customer-result small,.sale-top-strip .customer-result-empty{color:#85694c;font-size:.66rem}.sale-top-strip .reward-balance,.sale-top-strip .transaction-hint{min-width:0;height:100%;padding:11px 13px;justify-content:center}.sale-top-strip .reward-balance strong,.sale-top-strip .transaction-hint strong{font-size:.84rem;white-space:nowrap}.sale-top-strip .transaction-head{display:grid;grid-template-columns:minmax(142px,.72fr) minmax(150px,.72fr) minmax(230px,1fr);gap:10px;align-items:end;padding:15px}.sale-top-strip .transaction-head label{min-width:0}.sale-top-strip .transaction-head input,.sale-top-strip .transaction-head select{min-height:43px}.sale-top-strip .transaction-hint small{line-height:1.25}
@media(max-width:1150px){.sale-top-strip{grid-template-columns:1fr}.sale-top-strip .transaction-head{grid-template-columns:minmax(150px,.6fr) minmax(170px,.6fr) minmax(260px,1fr)}}
@media(max-width:820px){.sale-entry-head{align-items:flex-start}.sale-entry-head .head-actions{flex-wrap:wrap}.sale-top-strip,.sale-top-strip .customer-entry,.sale-top-strip .customer-fields,.sale-top-strip .new-customer-fields,.sale-top-strip .transaction-head{grid-template-columns:1fr}.sale-top-strip .customer-mode{align-items:flex-start}.sale-top-strip .reward-balance,.sale-top-strip .transaction-hint{height:auto}.sale-top-strip .reward-balance strong,.sale-top-strip .transaction-hint strong{white-space:normal}}
@media(min-width:821px){.sale-top-strip .customer-fields{grid-template-columns:minmax(0,1fr) 180px}.sale-top-strip .reward-balance{width:180px}.sale-top-strip .reward-balance strong{white-space:normal}.sale-top-strip .transaction-head{grid-template-columns:minmax(130px,140px) minmax(140px,150px) minmax(0,1fr)}.sale-top-strip .transaction-hint{width:100%;overflow:hidden}.sale-top-strip .transaction-hint strong{white-space:normal;line-height:1.12}.sale-top-strip .transaction-hint span,.sale-top-strip .transaction-hint small{overflow-wrap:anywhere}}

/* POS entry: compact controls with a full-width invoice table. */
#saleForm{grid-template-columns:minmax(240px,20%) minmax(0,80%);align-items:start}#saleForm .sale-top-strip{grid-column:1;grid-row:1;grid-template-columns:1fr;gap:9px}#saleForm .sale-item-composer{grid-column:2;grid-row:1;padding:12px}#saleForm .sale-lines-panel.full{grid-column:1/-1;grid-row:2}#saleForm>.transaction-footer{grid-column:1/-1;grid-row:3}#saleForm .sale-top-strip .customer-entry{grid-template-columns:1fr;padding:12px;gap:9px}#saleForm .sale-top-strip .customer-mode{align-items:flex-start;gap:8px}#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields,#saleForm .sale-top-strip .transaction-head{grid-template-columns:1fr;gap:8px;padding:12px}#saleForm .sale-top-strip .reward-balance,#saleForm .sale-top-strip .transaction-hint{width:auto;height:auto;min-width:0}#saleForm .sale-item-inline{display:grid;gap:10px}#saleForm .sale-item-heading{margin-bottom:0}#saleForm .barcode-scan-row{display:grid;gap:6px}#saleForm .barcode-scan-control{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:11px;background:#ffffffd9;padding:0 10px}#saleForm .barcode-scan-control input{min-width:0;flex:1;border:0;background:transparent;outline:0}#saleForm .sale-pick-fields,#saleForm .sale-detail-grid{display:grid;grid-template-columns:1fr;gap:9px}#saleForm .gst-source{min-height:42px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:#ffffffd9;display:grid;align-content:center}#saleForm .sale-detail-grid .primary-button{min-height:42px}
@media(max-width:1180px){#saleForm{grid-template-columns:1fr}#saleForm .sale-top-strip,#saleForm .sale-item-composer,#saleForm .sale-lines-panel.full,#saleForm>.transaction-footer{grid-column:1;grid-row:auto}#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields,#saleForm .sale-top-strip .transaction-head{grid-template-columns:1fr 1fr}#saleForm .sale-top-strip .transaction-hint,#saleForm .sale-pick-fields{grid-column:1/-1}}
@media(max-width:820px){#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields,#saleForm .sale-top-strip .transaction-head{grid-template-columns:1fr}}
.nav-count{margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:#9e3f24;color:#fff;display:grid;place-items:center;font-size:.64rem}
.price-comparison-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:rgba(255,255,255,.48);box-shadow:0 14px 35px rgba(111,67,13,.08)}.price-comparison-card>div{display:flex;flex-direction:column;gap:5px}.price-comparison-card span,.price-comparison-card #priceComparisonResult{color:var(--muted);font-size:.84rem}.price-comparison-card #priceComparisonResult{text-align:right}.price-comparison-card #priceComparisonResult>strong{color:var(--ink);font-size:1.05rem}.price-offers{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:7px}.price-offers a,.price-offers span{padding:5px 9px;border-radius:999px;background:rgba(255,145,19,.12);color:#9a4a00!important;text-decoration:none}@media(max-width:700px){.price-comparison-card{flex-direction:column}.price-comparison-card #priceComparisonResult{text-align:left}.price-offers{justify-content:flex-start}}
.product-entry-form{display:grid;gap:18px;max-width:1180px}.product-form-card{padding:25px}.product-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.product-section-heading h2{margin:4px 0 0;font-size:1.25rem}.product-form-grid{gap:18px}.product-form-grid label>span{display:flex;align-items:center;justify-content:space-between}.product-form-grid label>span small{font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{background:rgba(255,255,255,.7);border-color:rgba(123,79,24,.13)}.product-form-grid select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#8e5d21 50%),linear-gradient(135deg,#8e5d21 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px;appearance:none}.product-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-summary-grid span,.product-summary-foot span{min-width:0;display:grid;gap:5px;padding:11px 12px;border:1px solid rgba(31,48,39,.09);border-radius:8px;background:rgba(255,255,255,.66)}.product-summary-grid b{color:var(--muted);font-size:.62rem;text-transform:uppercase}.product-summary-grid strong,.product-summary-foot strong{color:#10271d;overflow-wrap:anywhere}.product-summary-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px;color:var(--muted);font-size:.72rem}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.money-input,.suffix-input{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(123,79,24,.13);border-radius:15px;background:rgba(255,255,255,.72)}.money-input:focus-within,.suffix-input:focus-within{border-color:#ff981d;box-shadow:0 0 0 4px rgba(255,152,29,.11)}.money-input b,.suffix-input b{padding:0 0 0 15px;color:#a75c0b;font-size:1rem}.suffix-input b{padding:0 15px 0 0}.money-input input,.suffix-input input{border:0!important;box-shadow:none!important;background:transparent!important}.product-advanced{padding:0;overflow:hidden}.product-advanced summary{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;cursor:pointer;list-style:none}.product-advanced summary::-webkit-details-marker{display:none}.product-advanced summary>span{display:grid;gap:3px}.product-advanced summary strong{font-size:1.05rem}.product-advanced summary small{color:var(--muted)}.product-advanced summary>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,146,20,.13);color:#b35b00;transition:.2s}.product-advanced[open] summary>b{transform:rotate(45deg)}.product-advanced .advanced-grid{padding:2px 25px 25px;border-top:1px solid rgba(123,79,24,.09);padding-top:22px}.product-form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-radius:22px}.product-form-actions>div{display:grid;gap:2px}.product-form-actions small{color:var(--muted)}@media(max-width:900px){.pricing-grid,.product-summary-grid,.product-summary-foot{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.product-form-card{padding:19px}.pricing-grid,.product-summary-grid,.product-summary-foot{grid-template-columns:1fr}.product-section-heading,.product-form-actions{align-items:stretch;flex-direction:column}.product-form-actions .primary-button{width:100%;justify-content:center}}
.product-opening-stock{padding:0;overflow:hidden}.product-opening-stock summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;cursor:pointer;list-style:none}.product-opening-stock summary::-webkit-details-marker{display:none}.product-opening-stock summary span{display:grid;gap:2px}.product-opening-stock summary strong{font:850 .96rem Manrope}.product-opening-stock summary small{color:var(--muted);font-size:.7rem}.product-opening-stock summary>b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff0d8;color:#a75c0b;transition:.18s}.product-opening-stock[open] summary>b{transform:rotate(45deg)}.product-opening-grid{padding:16px 20px 18px;border-top:1px solid rgba(123,79,24,.09)}
.row-actions{display:flex;align-items:center;gap:6px}.row-delete-form{margin:0}.row-action-danger{border:0;background:#fdebec;color:var(--danger)}
.product-option-panel{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0;background:transparent}
.product-option-panel legend{padding:0 0 8px;color:#1c2b25;font-weight:800}
.product-option-panel legend small{margin-left:5px;color:var(--muted);font-size:.68rem;font-weight:600;text-transform:none;letter-spacing:0}
.product-option-grid,.product-option-grid.compact-options{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;align-items:flex-start}
.product-form-grid .product-check{min-width:0;min-height:30px;display:flex;align-items:center;gap:6px;margin:0;padding:5px 8px;border:1px solid rgba(31,48,39,.09);border-radius:8px;background:rgba(255,255,255,.62);cursor:pointer}
.product-form-grid .product-check input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#ff8b15}
.product-form-grid .product-check>span{display:block;min-width:0;color:#162821;font-size:.72rem;font-weight:700;line-height:1.12;overflow-wrap:anywhere}
.product-form-grid .product-check:has(input:checked){border-color:rgba(255,139,21,.55);background:rgba(255,245,231,.88)}
.empty-options{grid-column:1/-1;margin:0;color:var(--muted);font-size:.78rem}
.product-line-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(31,48,39,.09)}
.product-line-toolbar .compact{min-height:34px;padding:0 12px;border-radius:10px;font-size:.72rem}
.product-line-toolbar span{color:var(--muted);font-size:.72rem;font-weight:800}
.product-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.product-heading-actions .compact{min-height:34px;padding:0 12px;border-radius:10px;font-size:.72rem}
.product-bulk-panel[hidden]{display:none!important}
.product-bulk-panel.product-form-card{padding:16px}
.product-bulk-panel .product-section-heading{margin-bottom:10px}
.product-bulk-panel .table-wrap{max-height:330px}
.product-bulk-table{min-width:1880px;font-size:.7rem}
.product-bulk-table th,.product-bulk-table td{padding:7px 8px}
.product-bulk-table input,.product-bulk-table select{width:100%;min-width:88px;min-height:31px;padding:5px 7px;border:1px solid rgba(31,48,39,.12);border-radius:8px;background:rgba(255,255,255,.86);color:var(--ink);outline:0}
.product-bulk-table input:focus,.product-bulk-table select:focus{border-color:#91ae27;box-shadow:0 0 0 2px rgba(191,224,55,.12)}
.product-line-meta{min-width:220px;white-space:normal}
.product-line-meta small{display:block;color:#596960;font-size:.64rem;line-height:1.25}
.product-bulk-dual{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:170px}
.product-line-row-actions{display:flex;align-items:center;gap:6px}
.product-line-row-actions .row-action{border:0;font-size:.68rem}

/* Top module navigation */
.app-shell.has-top-nav{grid-template-columns:minmax(0,1fr);gap:13px;align-items:start}.has-top-nav .workspace{min-width:0}.app-header{position:sticky;top:13px;z-index:80;border-radius:28px;padding:12px 14px;display:grid;gap:10px;overflow:visible}.header-primary{display:grid;grid-template-columns:auto minmax(130px,.26fr) minmax(240px,1fr) auto;align-items:center;gap:13px}.top-brand{display:flex;align-items:center;gap:11px;min-width:190px;color:var(--ink)}.top-brand>span:last-child{display:grid;min-width:0}.top-brand strong{font:800 1rem Manrope}.top-brand small{color:var(--muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content}.top-user{display:grid;grid-template-columns:35px minmax(90px,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid rgba(127,78,31,.1);border-radius:17px;background:rgba(255,255,255,.35)}.top-user .avatar{width:35px;height:35px;border-radius:12px}.top-user .user-copy{display:grid;min-width:0}.top-user strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user small{color:var(--muted);font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user form{margin:0}.top-nav{display:flex;align-items:flex-start;gap:8px;padding-top:10px;border-top:1px solid var(--line);overflow:visible}.top-nav .menu-button{display:none;align-items:center;gap:8px;min-height:38px;padding:0 12px;background:rgba(255,252,246,.72);font-weight:800;color:#533c2c}.top-nav-scroll{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;overflow:visible}.top-nav-link,.top-nav-trigger{min-height:38px;padding:6px 9px;border:0;border-radius:13px;display:inline-flex;align-items:center;gap:7px;color:#533c2c;background:rgba(255,253,248,.38);font-size:.74rem;font-weight:800;white-space:nowrap;transition:.18s}.top-nav-trigger{cursor:pointer}.top-nav-link:hover,.top-nav-trigger:hover,.top-nav-link.active,.top-nav-group.active>.top-nav-trigger,.top-nav-group.open>.top-nav-trigger{background:rgba(255,252,246,.94);color:#2c2018;box-shadow:0 10px 24px rgba(142,75,21,.11),inset 0 0 0 1px rgba(255,255,255,.76)}.top-nav-link .nav-icon,.top-nav-trigger .nav-icon{width:24px;height:24px;font-size:.68rem;flex:0 0 auto}.top-nav-trigger b,.top-nav-link .nav-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff9818;color:#3c2111;display:grid;place-items:center;font-size:.61rem;line-height:1}.top-nav-link .nav-count{background:#9e3f24;color:#fff;margin-left:0}.top-nav-group{position:relative;flex:0 0 auto}.top-nav-trigger:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.58;transition:.18s}.top-nav-group.open>.top-nav-trigger:after{transform:rotate(225deg) translate(-1px,-1px)}.top-nav-menu{position:absolute;top:calc(100% + 9px);left:0;z-index:120;display:none;min-width:235px;max-width:min(360px,calc(100vw - 32px));max-height:min(68vh,470px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,253,248,.96);box-shadow:0 25px 60px rgba(93,48,13,.22),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.top-nav-group.align-right>.top-nav-menu{left:auto;right:0}.top-nav-group.open>.top-nav-menu{display:grid;gap:4px}.top-nav-item{min-height:40px;padding:8px 10px;border-radius:12px;display:flex;align-items:center;gap:9px;color:#5b4634;font-size:.78rem;font-weight:750}.top-nav-item:hover,.top-nav-item.active{background:#fff0d8;color:#2d2118}@media(max-width:1200px){.header-primary{grid-template-columns:auto minmax(120px,1fr) auto}.header-primary .global-search{grid-column:1/-1}.topbar-actions .live-status{display:none}}@media(max-width:820px){.app-header{top:8px;padding:10px;border-radius:24px}.header-primary{grid-template-columns:minmax(0,1fr) auto}.top-brand{min-width:0}.breadcrumb{display:none}.topbar-actions{min-width:0}.top-user{grid-template-columns:35px auto}.top-user .user-copy{display:none}.top-nav{display:grid;gap:8px}.top-nav .menu-button{display:inline-flex;justify-self:start}.top-nav-scroll{display:none;align-items:stretch;grid-template-columns:1fr;gap:5px;width:100%}.top-nav.open .top-nav-scroll{display:grid}.top-nav-link,.top-nav-trigger{width:100%;justify-content:flex-start;min-height:41px}.top-nav-group{width:100%}.top-nav-menu{position:static;max-width:none;max-height:48vh;margin:4px 0 7px 30px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);background:rgba(255,253,248,.72)}.content{padding-top:18px}}@media(max-width:560px){.header-primary{gap:9px}.global-search kbd{display:none}.top-user{padding:6px}.top-brand small{display:none}.top-nav-link,.top-nav-trigger{white-space:normal;text-align:left}.top-nav-trigger b{margin-left:auto}}@media print{.app-header{display:none!important}.app-shell.has-top-nav{display:block;padding:0}.has-top-nav .workspace{background:#fff;border:0;box-shadow:none;padding:0}}

/* Header shortcuts replacing the old breadcrumb title. */
.top-shortcuts{display:flex;align-items:center;gap:7px;justify-self:start}.top-home-button,.top-notification-button{min-height:40px;border:1px solid rgba(127,78,31,.1);border-radius:14px;background:rgba(255,253,248,.58);display:inline-flex;align-items:center;justify-content:center;color:#533c2c;font-size:.78rem;font-weight:850;white-space:nowrap}.top-home-button{padding:0 13px;gap:8px}.top-notification-button{position:relative;width:40px;padding:0}.top-home-button:hover,.top-home-button.active,.top-notification-button:hover,.top-notification-button.active{background:rgba(255,252,246,.96);color:#2c2018;box-shadow:0 10px 24px rgba(142,75,21,.11),inset 0 0 0 1px rgba(255,255,255,.76)}.top-home-button .nav-icon,.top-notification-button .nav-icon{width:28px;height:28px;border-radius:10px;background:rgba(88,54,24,.08);display:grid;place-items:center;font-size:.82rem;flex:0 0 auto}.top-notification-count{position:absolute;top:-6px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#9e3f24;color:#fff;display:grid;place-items:center;font-size:.58rem;line-height:1;border:1px solid rgba(255,255,255,.85)}@media(max-width:820px){.top-shortcuts{justify-self:end}.top-home-button{width:42px;min-height:42px;padding:0}.top-home-button>span:not(.nav-icon){display:none}.top-notification-button{width:42px;min-height:42px}}

/* Equal icon blocks for every top module. */
.top-nav-scroll{align-items:stretch}.top-nav-link,.top-nav-trigger{position:relative;width:92px;height:66px;min-height:66px;padding:8px 7px;display:grid;grid-template-rows:28px 1fr;justify-items:center;align-items:center;align-content:center;gap:4px;text-align:center;line-height:1.08;white-space:normal}.top-nav-group{width:92px}.top-nav-link .nav-icon,.top-nav-trigger .nav-icon{width:28px;height:28px;border-radius:10px;font-size:.84rem}.top-nav-link>span:not(.nav-icon),.top-nav-trigger>span:not(.nav-icon){max-width:100%;height:2.18em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.top-nav-trigger b,.top-nav-link .nav-count{position:absolute;top:5px;right:5px;margin:0;min-width:18px;height:18px;padding:0 5px;font-size:.58rem}.top-nav-trigger:after{position:absolute;right:8px;bottom:7px;width:5px;height:5px}.top-nav-group.open>.top-nav-trigger:after{transform:rotate(225deg)}@media(max-width:820px){.top-nav-scroll{gap:7px}.top-nav-link,.top-nav-trigger{width:100%;height:58px;min-height:58px;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:1fr;justify-items:start;text-align:left;padding:8px 12px}.top-nav-group{width:100%}.top-nav-link>span:not(.nav-icon),.top-nav-trigger>span:not(.nav-icon){height:auto;-webkit-line-clamp:1}.top-nav-trigger b,.top-nav-link .nav-count{position:static;margin-left:auto}.top-nav-trigger:after{right:13px;top:50%;bottom:auto;transform:translateY(-50%) rotate(45deg)}.top-nav-group.open>.top-nav-trigger:after{transform:translateY(-50%) rotate(225deg)}}@media(max-width:560px){.top-nav-link,.top-nav-trigger{text-align:left}.top-nav-trigger b{margin-left:auto}}

/* Compact settlement widget on the POS form. */
#saleForm .notes-panel .split-payment-panel{margin-top:11px;padding:11px;border:1px solid rgba(143,79,21,.13);border-radius:16px;background:linear-gradient(145deg,rgba(255,250,241,.78),rgba(255,223,173,.62));box-shadow:inset 0 1px rgba(255,255,255,.72)}
#saleForm>.transaction-footer .notes-panel .mini-fields{margin-top:0;margin-bottom:12px}
#saleForm>.transaction-footer .notes-panel .split-payment-panel{margin-top:0}
#saleForm .notes-panel .split-payment-panel .panel-head{margin-bottom:8px;align-items:center}
#saleForm .notes-panel .split-payment-panel .panel-head h2{margin:1px 0 0;font-size:.83rem;line-height:1.1}
#saleForm .notes-panel .split-payment-panel .eyebrow{font-size:.55rem}
#saleForm .notes-panel .split-payment-panel .secondary-button{min-height:34px;padding:0 10px;border-radius:11px;font-size:.68rem;white-space:nowrap}
#saleForm .notes-panel .payment-rows{gap:7px}
#saleForm .notes-panel .payment-row{grid-template-columns:minmax(125px,1fr) minmax(105px,.7fr) 28px;gap:7px;padding:7px;border-radius:12px}
#saleForm .notes-panel .payment-row.has-reference{grid-template-columns:minmax(112px,1fr) minmax(88px,.55fr) minmax(126px,1fr) 28px}
#saleForm .notes-panel .payment-row select,#saleForm .notes-panel .payment-row input{min-height:35px;padding:6px 8px;border-radius:10px;font-size:.72rem}
#saleForm .notes-panel .payment-row .line-remove{width:26px;height:26px;border-radius:9px}
#saleForm .notes-panel .payment-progress{margin-top:8px;padding-top:8px;font-size:.72rem}
@media(max-width:620px){#saleForm .notes-panel .split-payment-panel .panel-head{align-items:flex-start;flex-direction:column}#saleForm .notes-panel .split-payment-panel .secondary-button{width:100%}#saleForm .notes-panel .payment-row,#saleForm .notes-panel .payment-row.has-reference{grid-template-columns:1fr}}

/* Purchase entry */
.purchase-entry-form{gap:12px}.purchase-entry-head{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(390px,1.4fr) minmax(290px,.9fr);gap:10px}.purchase-entry-panel,.purchase-product-panel,.purchase-payment-panel,.purchase-lines-panel{padding:14px}.purchase-panel-title{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;border-bottom:1px solid rgba(31,48,39,.09)}.purchase-panel-title span{color:#31473b;font-size:.76rem;font-weight:900}.purchase-panel-title strong{font:900 1.02rem Manrope;color:#a53d21}.purchase-fields{display:grid;grid-template-columns:1fr;gap:8px}.purchase-fields.two{grid-template-columns:1fr 1fr}.purchase-fields.supplier-grid{grid-template-columns:minmax(0,1.35fr) minmax(115px,.65fr)}.purchase-fields label,.purchase-product-pick label,.purchase-detail-grid label,.charges-grid label{display:grid;gap:4px;color:var(--muted);font-size:.68rem;font-weight:800}.purchase-entry-form input,.purchase-entry-form select,.purchase-entry-form textarea{min-width:0;width:100%;min-height:38px;padding:7px 9px;border:1px solid rgba(31,48,39,.13);border-radius:9px;background:rgba(255,255,255,.84);color:var(--ink);outline:0}.purchase-entry-form input[readonly]{background:rgba(235,239,236,.82);color:#536158}.purchase-entry-form textarea{min-height:82px;resize:vertical}.purchase-entry-form input:focus,.purchase-entry-form select:focus,.purchase-entry-form textarea:focus{border-color:#91ae27;box-shadow:0 0 0 3px rgba(191,224,55,.14)}.purchase-product-pick{display:grid;grid-template-columns:minmax(95px,.35fr) minmax(260px,1.2fr) minmax(240px,1fr);gap:9px;margin-bottom:10px}.purchase-detail-grid.composer-grid.purchase{grid-template-columns:repeat(6,minmax(105px,1fr));gap:8px}.purchase-detail-grid .add-stock-button{min-height:54px;align-self:end}.purchase-lines-panel .table-wrap{max-height:360px}.purchase-lines-panel th,.purchase-lines-panel td{padding:9px 10px}.purchase-entry-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:10px}.charges-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.purchase-totals-card{align-self:start;gap:8px}.purchase-totals-card>div{font-size:.76rem}.purchase-totals-card .grand strong{font-size:1.55rem}.supplier-info{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,247,240,.78))}.invoice-info,.supplier-invoice-info,.purchase-product-panel{background:linear-gradient(145deg,rgba(255,253,246,.94),rgba(255,246,224,.75))}@media(max-width:1280px){.purchase-entry-head{grid-template-columns:1fr 1fr}.supplier-info{grid-column:1/-1}.purchase-detail-grid.composer-grid.purchase{grid-template-columns:repeat(4,minmax(110px,1fr))}.purchase-entry-footer{grid-template-columns:1fr}}@media(max-width:820px){.purchase-entry-head,.purchase-fields.two,.purchase-fields.supplier-grid,.purchase-product-pick,.purchase-detail-grid.composer-grid.purchase,.charges-grid{grid-template-columns:1fr}.purchase-entry-panel,.purchase-product-panel,.purchase-payment-panel,.purchase-lines-panel{padding:12px}.purchase-entry-footer{grid-template-columns:1fr}.purchase-lines-panel .table-wrap{max-height:none}}

.purchase-billing-layout{display:grid;gap:11px}.purchase-billing-section{padding-top:6px;border-top:1px solid rgba(31,48,39,.09)}.purchase-billing-section:first-child{padding-top:0;border-top:0}.purchase-section-title{margin-bottom:8px}.purchase-section-title span{color:#31473b;font-size:.74rem;font-weight:900}.purchase-billing-grid{display:grid;gap:8px}.purchase-billing-grid label{display:grid;gap:4px;color:var(--muted);font-size:.68rem;font-weight:800}.purchase-billing-grid .span-2{grid-column:span 2}.purchase-billing-grid.product-grid{grid-template-columns:minmax(260px,1.35fr) minmax(150px,.65fr) minmax(150px,.6fr) minmax(110px,.45fr)}.purchase-billing-grid.stock-grid{grid-template-columns:repeat(5,minmax(110px,1fr))}.purchase-billing-grid.pricing-grid{grid-template-columns:repeat(6,minmax(112px,1fr));align-items:end}.purchase-billing-grid .pricing-mini-button{min-height:38px;align-self:end;padding:0 12px}.purchase-billing-grid .add-stock-button{min-height:48px;align-self:end}.purchase-lines-panel td small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}@media(max-width:1180px){.purchase-billing-grid.product-grid,.purchase-billing-grid.stock-grid,.purchase-billing-grid.pricing-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.purchase-billing-grid .span-2{grid-column:span 2}}@media(max-width:720px){.purchase-billing-grid.product-grid,.purchase-billing-grid.stock-grid,.purchase-billing-grid.pricing-grid{grid-template-columns:1fr}.purchase-billing-grid .span-2{grid-column:auto}}

.supplier-detail-toggle{min-height:28px;padding:0 10px;border-radius:10px;font-size:.66rem}.supplier-summary-grid{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(100px,.55fr) minmax(120px,.65fr) minmax(150px,.75fr) minmax(115px,.6fr);gap:6px}.supplier-summary-grid[hidden]{display:none!important}.supplier-summary-item{min-width:0;min-height:32px;padding:5px 8px;border:1px solid rgba(31,48,39,.1);border-radius:9px;background:rgba(255,255,255,.54);display:grid;align-content:center;gap:1px}.supplier-summary-item span{color:var(--muted);font-size:.54rem;line-height:1;text-transform:uppercase;font-weight:900}.supplier-summary-item strong{min-width:0;color:#31473b;font-size:.67rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-summary-item.supplier-balance strong{color:#a53d21;font-size:.72rem}@media(max-width:1180px){.supplier-summary-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(120px,1fr))}.supplier-summary-item.supplier-address{grid-column:span 2}}@media(max-width:720px){.supplier-summary-grid{grid-template-columns:1fr}.supplier-summary-item.supplier-address{grid-column:auto}}

/* Compact purchase header widgets so product entry stays close to the top. */
.purchase-entry-head{grid-template-columns:1fr;gap:8px}.purchase-entry-head .purchase-entry-panel{padding:10px 12px}.purchase-entry-head .purchase-panel-title{min-height:26px;margin-bottom:7px}.purchase-entry-head .purchase-panel-title span{font-size:.72rem}.purchase-entry-head .purchase-fields{gap:7px}.purchase-entry-head .purchase-fields.two{grid-template-columns:repeat(6,minmax(112px,1fr))}.purchase-entry-head .supplier-grid{grid-template-columns:1fr}.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:repeat(6,minmax(112px,1fr))}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:auto}.purchase-entry-head input,.purchase-entry-head select{min-height:34px;padding:6px 8px;border-radius:8px}.purchase-entry-head textarea{min-height:34px;max-height:68px;padding:6px 8px;border-radius:8px}
@media(max-width:1180px){.purchase-entry-head .purchase-fields.two,.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:repeat(3,minmax(130px,1fr))}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:span 2}}
@media(max-width:720px){.purchase-entry-head .purchase-fields.two,.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:1fr}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:auto}}

/* Purchase entry: left information rail, right product workspace. */
.purchase-entry-form{display:grid;grid-template-columns:minmax(285px,30%) minmax(0,1fr);align-items:start}.purchase-entry-head{grid-column:1;grid-row:1 / span 2;align-self:start;position:static;max-height:none;overflow:visible;padding-right:0}.purchase-product-panel{grid-column:2;grid-row:1}.purchase-entry-form .purchase-lines-panel.full{grid-column:2;grid-row:2}.purchase-entry-footer{grid-column:1 / -1}.purchase-entry-head .purchase-fields.two,.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:1fr 1fr}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:1/-1}.purchase-entry-head .supplier-grid>.span-2{grid-column:1/-1}.purchase-entry-head .supplier-summary-grid{grid-template-columns:1fr 1fr}.purchase-entry-head .supplier-summary-item.supplier-address,.purchase-entry-head .supplier-summary-item.supplier-balance{grid-column:1/-1}
.purchase-entry-form input[type=number]{appearance:textfield;-moz-appearance:textfield}
.purchase-entry-form input[type=number]::-webkit-outer-spin-button,.purchase-entry-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:1180px){.purchase-entry-form{grid-template-columns:1fr}.purchase-entry-head,.purchase-product-panel,.purchase-entry-form .purchase-lines-panel.full,.purchase-entry-footer{grid-column:1;grid-row:auto}.purchase-entry-head .purchase-fields.two,.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:repeat(3,minmax(130px,1fr))}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:span 2}}
@media(max-width:720px){.purchase-entry-head .purchase-fields.two,.purchase-entry-head .supplier-invoice-info>.purchase-fields,.purchase-entry-head .supplier-summary-grid{grid-template-columns:1fr}.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:auto}}
.purchase-page-head{margin:-18px 0 8px;padding:0 2px;align-items:center}.purchase-page-head .eyebrow{font-size:.58rem;letter-spacing:.1em}.purchase-page-head h1{margin:2px 0 2px;font-size:1.38rem;line-height:1.05;letter-spacing:-.02em}.purchase-page-head p{font-size:.76rem;line-height:1.35;max-width:560px}.purchase-page-head .head-actions{gap:7px}.purchase-page-head .secondary-button{min-height:34px;padding:0 11px;border-radius:10px;font-size:.72rem}
@media(max-width:820px){.purchase-page-head{align-items:flex-start}.purchase-page-head h1{font-size:1.26rem}.purchase-page-head p{font-size:.72rem}}
.purchase-entry-form{grid-template-columns:1fr;align-items:start}
.purchase-entry-head{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1.58fr);gap:10px;align-self:auto;padding-right:0}
.purchase-product-panel,.purchase-entry-form .purchase-lines-panel.full,.purchase-entry-footer{grid-column:1/-1;grid-row:auto}
.purchase-entry-head .supplier-grid{grid-template-columns:1fr}
.purchase-entry-head .supplier-grid>.span-2{grid-column:1/-1}
.purchase-entry-head .supplier-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.purchase-entry-head .supplier-summary-item.supplier-address,.purchase-entry-head .supplier-summary-item.supplier-balance{grid-column:1/-1}
.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:repeat(8,minmax(104px,1fr));align-items:end}
.purchase-entry-head .supplier-invoice-info>.purchase-fields>.span-2{grid-column:auto}
.purchase-entry-head .purchase-remarks-field textarea{min-height:34px;max-height:34px;resize:none}
@media(max-width:1320px){.purchase-entry-head{grid-template-columns:1fr}.purchase-entry-head .supplier-invoice-info>.purchase-fields{grid-template-columns:repeat(4,minmax(130px,1fr))}.purchase-entry-head .purchase-remarks-field{grid-column:span 2}.purchase-entry-head .purchase-remarks-field textarea{max-height:62px;resize:vertical}}
@media(max-width:720px){.purchase-entry-head .supplier-invoice-info>.purchase-fields,.purchase-entry-head .supplier-summary-grid{grid-template-columns:1fr}.purchase-entry-head .purchase-remarks-field{grid-column:auto}.purchase-entry-head .purchase-remarks-field textarea{max-height:none}}
.purchase-payment-panel .charges-grid{grid-template-columns:minmax(145px,1fr) minmax(88px,.55fr) minmax(145px,1fr) minmax(88px,.55fr) minmax(145px,1fr)}
@media(max-width:820px){.purchase-payment-panel .charges-grid{grid-template-columns:1fr}}
.purchase-billing-grid.product-grid{grid-template-columns:minmax(260px,1.35fr) minmax(120px,.55fr) minmax(220px,1fr) minmax(95px,.45fr);align-items:end}.purchase-billing-grid.product-grid>.span-2{grid-column:auto}
@media(max-width:1180px){.purchase-billing-grid.product-grid{grid-template-columns:minmax(260px,1.2fr) minmax(120px,.6fr) minmax(220px,1fr) minmax(95px,.45fr)}}
@media(max-width:820px){.purchase-billing-grid.product-grid{grid-template-columns:1fr 1fr}.purchase-billing-grid.product-grid>label:first-child{grid-column:1/-1}}
@media(max-width:560px){.purchase-billing-grid.product-grid{grid-template-columns:1fr}.purchase-billing-grid.product-grid>label:first-child{grid-column:auto}}

/* Fixed top menu with an independently scrolling view pane. */
.app-shell.has-top-nav{height:100vh;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr);align-items:stretch;overflow:hidden}.app-shell.has-top-nav .app-header{position:relative;top:auto;grid-row:1}.app-shell.has-top-nav .workspace{height:100%;min-height:0;overflow:hidden}.app-shell.has-top-nav .content{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media print{.app-shell.has-top-nav{height:auto;min-height:0;overflow:visible}.app-shell.has-top-nav .workspace,.app-shell.has-top-nav .content{height:auto;overflow:visible}}

/* Slightly denser top bar for the fixed workspace. */
.app-shell.has-top-nav{gap:10px;padding:12px}.app-shell.has-top-nav .app-header{border-radius:24px;padding:9px 12px;gap:7px}.app-shell.has-top-nav .header-primary{gap:10px}.app-shell.has-top-nav .top-brand{gap:9px;min-width:178px}.app-shell.has-top-nav .brand-symbol{width:38px;height:38px;border-radius:12px}.app-shell.has-top-nav .global-search{height:40px;border-radius:12px}.app-shell.has-top-nav .top-user{padding:5px 7px;border-radius:14px}.app-shell.has-top-nav .top-user .avatar{width:32px;height:32px;border-radius:10px}.app-shell.has-top-nav .top-nav{padding-top:7px}.app-shell.has-top-nav .top-nav-scroll{gap:5px}.app-shell.has-top-nav .top-nav-link,.app-shell.has-top-nav .top-nav-trigger{width:88px;height:58px;min-height:58px;padding:7px 6px;grid-template-rows:25px 1fr}.app-shell.has-top-nav .top-nav-group{width:88px}.app-shell.has-top-nav .top-nav-link .nav-icon,.app-shell.has-top-nav .top-nav-trigger .nav-icon{width:25px;height:25px;border-radius:9px;font-size:.78rem}
@media(max-width:820px){.app-shell.has-top-nav{padding:9px}.app-shell.has-top-nav .app-header{padding:8px;border-radius:21px}.app-shell.has-top-nav .top-nav-link,.app-shell.has-top-nav .top-nav-trigger{width:100%;height:52px;min-height:52px}}

/* Header Administration dropdown replacing the database status text. */
.app-shell.has-top-nav .topbar-actions .header-admin-group{width:auto;position:relative;flex:0 0 auto}.app-shell.has-top-nav .topbar-actions .header-admin-trigger{position:relative;width:40px;height:40px;min-height:40px;padding:0;display:grid;grid-template-rows:1fr;place-items:center;border:1px solid rgba(127,78,31,.1);border-radius:14px;background:rgba(255,253,248,.58);color:#533c2c}.app-shell.has-top-nav .topbar-actions .header-admin-trigger:hover,.app-shell.has-top-nav .topbar-actions .header-admin-group.active>.header-admin-trigger,.app-shell.has-top-nav .topbar-actions .header-admin-group.open>.header-admin-trigger{background:rgba(255,252,246,.96);color:#2c2018;box-shadow:0 10px 24px rgba(142,75,21,.11),inset 0 0 0 1px rgba(255,255,255,.76)}.app-shell.has-top-nav .topbar-actions .header-admin-trigger .nav-icon{width:28px;height:28px;border-radius:10px;background:rgba(88,54,24,.08);display:grid;place-items:center;font-size:.82rem}.app-shell.has-top-nav .topbar-actions .header-admin-trigger:after{display:none}.app-shell.has-top-nav .topbar-actions .header-admin-trigger b{position:absolute;top:-6px;right:-5px;margin:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff9818;color:#3c2111;display:grid;place-items:center;font-size:.58rem;line-height:1;border:1px solid rgba(255,255,255,.85)}.app-shell.has-top-nav .topbar-actions .header-admin-menu{left:auto;right:0;top:calc(100% + 8px);min-width:210px}.app-shell.has-top-nav .topbar-actions .header-admin-menu .nav-icon{width:25px;height:25px;border-radius:9px}

.due-switch-actions{flex-wrap:wrap;justify-content:flex-end}.due-switch-actions .secondary-button.active{background:#fff6e7;border-color:rgba(180,92,19,.24);color:#7b3b07;box-shadow:inset 0 0 0 1px rgba(255,255,255,.74)}
.due-payment-form{gap:12px}.invoice-allocation-panel{display:grid;gap:9px;padding:10px;border:1px solid rgba(31,48,39,.09);border-radius:14px;background:rgba(255,255,255,.48)}.invoice-allocation-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.invoice-allocation-head strong{font-size:.78rem;color:#21342a}.invoice-allocation-head .row-action{border:0;cursor:pointer}.invoice-allocation-table th,.invoice-allocation-table td{padding:8px 9px}.invoice-allocation-table td small,.opening-due-row small{display:block;margin-top:3px;color:var(--muted);font-size:.64rem}.allocation-cell{display:flex;align-items:center;justify-content:flex-end;gap:7px}.allocation-cell input{width:112px;min-height:35px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:right}.allocation-cell .row-action{border:0;min-height:31px;align-items:center;cursor:pointer}
@media(max-width:760px){.allocation-cell{justify-content:flex-start}.invoice-allocation-table{min-width:540px}}

/* Dashboard analytics after Latest activity. */
.dashboard-analytics{display:grid;gap:14px;margin-top:14px}.analytics-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 6px}.analytics-head h2{margin:3px 0 0;font:800 1.35rem Manrope;color:#241b13}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dashboard-kpi{min-height:108px;padding:15px;border-radius:18px;display:grid;align-content:space-between;gap:10px;border-left:5px solid #2f80ed;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,244,224,.7))}.dashboard-kpi span{color:#6f5a43;font-size:.72rem;font-weight:850}.dashboard-kpi strong{font:850 1.35rem Manrope;color:#21170f;letter-spacing:-.02em}.dashboard-kpi.positive{border-left-color:#21a66a}.dashboard-kpi.alert{border-left-color:#be4153}.dashboard-kpi.info{border-left-color:#2f80ed}.analytics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.analytics-card{grid-column:span 4;min-height:280px}.analytics-card.wide{grid-column:span 6}.analytics-card.full{grid-column:1/-1}.line-chart{display:grid;gap:8px;min-height:205px}.line-chart svg{width:100%;height:178px;overflow:visible;background:linear-gradient(to top,rgba(47,128,237,.08),transparent);border-bottom:1px solid rgba(47,128,237,.18)}.line-chart polyline{fill:none;stroke:#2f80ed;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:#fff;stroke:#2f80ed;stroke-width:3}.line-chart.compact{min-height:185px}.chart-x-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:4px;color:#7c6851;font-size:.68rem;text-align:center}.pie-layout{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:16px}.pie-chart{width:128px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 12px 30px rgba(88,48,12,.12)}.pie-chart.donut{position:relative}.pie-chart.donut:after{content:"";position:absolute;inset:29px;border-radius:50%;background:#fff8ec;border:1px solid rgba(125,75,25,.1)}.chart-legend{display:grid;gap:9px}.chart-legend.large{align-content:start}.chart-legend span{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;color:#5e4934;font-size:.74rem}.chart-legend i{width:10px;height:10px;border-radius:3px}.chart-legend b,.rank-list strong,.mini-table strong{font-variant-numeric:tabular-nums;color:#1f1710}.paired-bars,.hbar-list,.rank-list,.value-stack,.mini-table,.alerts-list{display:grid;gap:9px}.paired-bar-row,.hbar-row{display:grid;grid-template-columns:minmax(86px,.5fr) minmax(0,1fr) auto;align-items:center;gap:10px;color:#5d4935;font-size:.73rem}.paired-bar-row>div,.hbar-row>div{display:grid;gap:4px}.paired-bar-row i,.hbar-row i{display:block;height:9px;border-radius:999px;background:#2f80ed;min-width:4px}.paired-bar-row .bar-green{background:#21a66a}.paired-bar-row .bar-red{background:#be4153}.hbar-row b,.paired-bar-row b{font-size:.68rem;color:#2b2118;white-space:nowrap}.alert-bars .hbar-row i{background:#be4153}.slow-bars .hbar-row i{background:#ff9818}.rank-list span,.mini-table span,.value-stack span{min-height:42px;padding:9px 0;border-bottom:1px solid rgba(90,52,18,.09);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:#5d4935;font-size:.76rem}.rank-list span:last-child,.mini-table span:last-child,.value-stack span:last-child{border-bottom:0}.rank-list b{width:26px;height:26px;border-radius:9px;background:#fff0d8;display:grid;place-items:center;color:#9b4b09}.value-stack span{grid-template-columns:minmax(0,1fr) auto}.value-stack small,.mini-table small{display:block;color:#7d6a55;font-size:.68rem}.split-lists{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-lists h3{margin:0 0 10px;font:800 .86rem Manrope;color:#33251a}.mini-table span{grid-template-columns:minmax(72px,.55fr) minmax(0,1fr) auto}.alerts-list span{min-height:38px;padding:9px 11px;border-radius:12px;background:#fff8ec;display:flex;align-items:center;gap:9px;color:#4f3b2a;font-size:.76rem;font-weight:750}.alerts-list i{width:10px;height:10px;border-radius:50%;background:#2f80ed}.alerts-list .red i{background:#be4153}.alerts-list .orange i{background:#ff9818}.alerts-list .blue i{background:#2f80ed}.alerts-list .green i{background:#21a66a}.empty.small{padding:14px;border-radius:12px;background:rgba(255,255,255,.45);font-size:.75rem}.analytics-card td small{display:block;margin-top:3px;color:#7a6a58;font-size:.66rem}
@media(max-width:1280px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-card,.analytics-card.wide{grid-column:span 6}}
@media(max-width:860px){.dashboard-kpi-grid,.analytics-grid,.split-lists{grid-template-columns:1fr}.analytics-card,.analytics-card.wide{grid-column:1}.pie-layout{grid-template-columns:1fr}.pie-chart{justify-self:center}.paired-bar-row,.hbar-row{grid-template-columns:1fr}.mini-table span,.rank-list span{grid-template-columns:auto minmax(0,1fr)}.mini-table strong,.rank-list strong{grid-column:1/-1;justify-self:start}}

/* Barcode printing filters */
.product-lot-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;max-width:520px}.product-lot-chips span{display:inline-grid;gap:2px;padding:5px 7px;border-radius:8px;background:#fff4df;border:1px solid rgba(118,80,28,.12);color:#57361e}.product-lot-chips b{font-size:.62rem}.product-lot-chips small{font-size:.58rem;color:#87613d}.purchase-product-matrix .purchase-lot-no{max-width:180px;min-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f482d;font-size:.64rem;font-weight:850;text-align:left}
.product-module-page{display:grid;gap:14px}.product-module-page .stock-lot-toolbar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center}.product-module-page .soft-chip{justify-self:start}.product-lot-list{margin-top:0}.product-stock-row .product-inline-action{justify-self:start;width:max-content;min-height:30px;margin-top:4px;padding:0 10px;border-radius:8px;background:#fff;border-color:rgba(31,48,39,.13);font-size:.68rem}.product-batch-card .stock-batch-actions{gap:8px}.product-batch-empty{margin:8px 18px 0;border-radius:8px;background:#fff}.product-batch-card small{white-space:normal}
@media(max-width:900px){.product-module-page .stock-lot-toolbar{grid-template-columns:1fr}.product-stock-row .product-inline-action{width:100%;justify-content:center}}
.barcode-filter-panel{margin-bottom:14px}.barcode-filter-grid{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(300px,1.55fr) minmax(115px,.42fr) minmax(135px,.55fr) repeat(4,minmax(110px,.5fr));gap:10px;align-items:end}.barcode-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:800}.barcode-filter-grid input,.barcode-filter-grid select{min-width:0;min-height:40px;border:1px solid var(--line);border-radius:11px;background:#ffffffd9;padding:8px 10px;color:var(--ink)}.barcode-filter-grid .span-2{grid-column:span 2}.barcode-print-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(90,52,18,.09)}.barcode-filter-panel .panel-head{margin-bottom:12px}.barcode-filter-panel .panel-head .soft-chip{white-space:normal}.barcode-preview{background:#fff;border-radius:6px}
.barcode-product-combobox,.barcode-lot-combobox{position:relative}.barcode-product-results,.barcode-lot-results{position:absolute;z-index:45;top:calc(100% + 7px);left:0;right:0;display:grid;gap:4px;max-height:330px;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)}.barcode-product-results[hidden],.barcode-product-results [hidden],.barcode-lot-results[hidden]{display:none}.barcode-product-results button,.barcode-lot-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}.barcode-product-results button:hover,.barcode-product-results button.active,.barcode-lot-result:hover,.barcode-lot-result.active{background:#f5e7c8}.barcode-product-results span,.barcode-lot-result span{display:grid;gap:2px;min-width:0}.barcode-product-results strong,.barcode-lot-result strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-product-results small,.barcode-product-empty,.barcode-lot-result small,.barcode-lot-empty{color:var(--muted);font-size:.68rem;line-height:1.25}.barcode-product-results i,.barcode-lot-result i{font-style:normal;color:#8d6a36;font-weight:900}
@media(max-width:1320px){.barcode-filter-grid{grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) minmax(110px,.42fr) minmax(135px,.55fr)}.barcode-filter-grid .span-2{grid-column:span 2}}
@media(max-width:760px){.barcode-filter-grid{grid-template-columns:1fr}.barcode-filter-grid .span-2{grid-column:auto}.barcode-print-actions{justify-content:stretch}.barcode-print-actions .primary-button,.barcode-print-actions .secondary-button{width:100%}}

/* Product master form: dense full-width definition flow. */
.record-form.product-entry-form{width:100%;max-width:none;margin:0;padding:12px 2px 24px;grid-template-columns:1fr;align-items:start}
.product-entry-form>.product-essentials,.product-entry-form>.product-stock-summary,.product-entry-form>.product-form-actions{grid-column:1/-1}
.product-essentials.product-form-card{padding:18px 20px}
.product-essentials .product-section-heading{margin-bottom:14px}
.product-form-grid{grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px}
.product-form-grid input,.product-form-grid select{min-height:38px;padding:7px 10px;border-radius:10px}
.product-form-grid textarea{min-height:68px}
.product-form-grid>.span-2:not(.product-option-panel){grid-column:span 2}
.product-form-grid>.product-option-panel{grid-column:1/-1}
@media(max-width:1180px){.product-form-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.product-form-grid>.span-2:not(.product-option-panel){grid-column:span 2}}
@media(max-width:760px){.record-form.product-entry-form{padding:12px 0 22px}.product-form-grid{grid-template-columns:1fr}.product-form-grid>.span-2:not(.product-option-panel){grid-column:auto}}

/* POS rail layout with a full-width invoice table. */
#saleForm{grid-template-columns:minmax(240px,20%) minmax(0,80%);justify-content:start;gap:12px;align-items:start}
#saleForm>*{min-width:0}
#saleForm>.sale-top-strip{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;width:100%;max-width:100%;min-width:0;overflow:visible;align-self:start}
#saleForm>.sale-item-composer{grid-column:2;grid-row:1;width:100%;max-width:100%;min-width:0;padding:12px}
#saleForm>.sale-lines-panel.full{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;min-width:0}
#saleForm>.transaction-footer{grid-column:1/-1;grid-row:3;width:100%;max-width:100%;min-width:0}
#saleForm .sale-top-strip>.panel,#saleForm .sale-item-composer,#saleForm .sale-lines-panel,#saleForm .transaction-footer>.panel{width:100%;max-width:100%;min-width:0}
#saleForm .sale-top-strip .customer-entry{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px;padding:12px;align-items:stretch}
#saleForm .sale-top-strip .customer-mode{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#saleForm .sale-top-strip .customer-mode strong{width:100%;margin:0;font-size:.82rem}
#saleForm .sale-top-strip .customer-mode label{font-size:.68rem;white-space:normal}
#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;min-width:0;padding:0}
#saleForm .sale-top-strip .transaction-head{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;padding:12px}
#saleForm .sale-top-strip .transaction-hint{grid-column:1/-1;width:100%;min-width:0;height:auto;padding:10px 12px}
#saleForm .sale-top-strip .reward-balance{width:100%;min-width:0;height:auto;padding:10px 12px}
#saleForm .sale-top-strip input,#saleForm .sale-top-strip select,#saleForm .sale-item-composer input,#saleForm .sale-item-composer select{min-width:0;min-height:38px}
#saleForm .sale-item-inline{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
#saleForm .sale-item-heading{margin:0;align-items:center;justify-content:flex-start;flex-wrap:wrap}
#saleForm .sale-item-heading h2{font-size:1rem;line-height:1.15}
#saleForm .barcode-scan-row{display:grid;grid-template-columns:auto minmax(170px,260px);gap:7px;align-items:center;min-width:0;margin-left:auto}
#saleForm .barcode-scan-row label{margin:0;white-space:nowrap}
#saleForm .barcode-scan-control{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:11px;background:#ffffffd9;padding:0 9px;min-width:0}
#saleForm .barcode-scan-control input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:0}
#saleForm #barcodeScanStatus{line-height:1.25;color:#7a6249;font-size:.68rem}
#saleForm #barcodeScanStatus.scan-warning{color:#9b6414;font-weight:800}
#saleForm .sale-pick-fields{display:grid!important;grid-template-columns:minmax(280px,1.25fr) minmax(440px,2.1fr) 120px minmax(130px,.5fr)!important;gap:8px;min-width:0;align-items:start;justify-content:start}
#saleForm .sale-gst-rate-field[hidden]{display:none!important}
#saleForm .sale-product-inline,#saleForm .sale-batch-inline,#saleForm .sale-qty-inline{justify-self:start;width:100%;max-width:100%;min-width:0}
#saleForm .sale-product-inline input{width:100%;min-width:0}
#saleForm .sale-batch-inline select{width:100%;min-width:0;max-width:100%}
#saleForm .sale-product-combobox{position:relative}
#saleForm .sale-product-results{position:absolute;z-index:45;top:calc(100% + 7px);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-product-results[hidden]{display:none}
#saleForm .sale-product-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-product-result:hover,#saleForm .sale-product-result.active{background:#f5e7c8}
#saleForm .sale-product-result span{display:grid;gap:2px;min-width:0}
#saleForm .sale-product-result strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saleForm .sale-product-result small,#saleForm .sale-product-empty{color:var(--muted);font-size:.68rem;line-height:1.25}
#saleForm .sale-product-result i{font-style:normal;color:#8d6a36;font-weight:900}
#saleForm .sale-qty-inline input{width:9ch}
#saleForm .sale-batch-inline{display:grid;gap:7px;color:var(--muted);font-size:.71rem;font-weight:750}
#saleForm .sale-batch-row{display:flex;align-items:center;gap:8px;min-width:0}
#saleForm #saleSize{width:120px;max-width:120px;flex:0 0 120px}
#saleForm .sale-batch-inline small{min-width:0;max-width:none;line-height:1.25;white-space:normal;color:#7a6249;font-size:.68rem}
#saleForm .sale-detail-grid{display:grid!important;grid-template-columns:repeat(6,minmax(105px,1fr)) auto!important;gap:9px;min-width:0;align-items:end}
#saleForm .sale-detail-grid .primary-button{grid-column:auto;min-width:110px}
#saleForm .sale-fixed-discount-note{min-height:15px;color:#9a6833;font-size:.61rem;font-weight:900;line-height:1.15;white-space:nowrap}
#saleForm .sale-safe-discount{min-height:15px;color:#7a6249;font-size:.62rem;font-weight:850;line-height:1.2}
#saleForm .sale-safe-discount.warning{color:var(--danger)}
#saleForm .sale-unit-field{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#ffffffd9}
#saleForm .sale-unit-field input{border:0!important;background:transparent!important;box-shadow:none!important}
#saleForm .sale-unit-field span{padding:0 10px 0 0;color:#7a6249;font-size:.68rem;font-weight:900;white-space:nowrap}
#saleForm .sale-item-composer input[type=number]{appearance:textfield;-moz-appearance:textfield}
#saleForm .sale-item-composer input[type=number]::-webkit-outer-spin-button,#saleForm .sale-item-composer input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#saleForm .gst-source{min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:#ffffffd9;display:grid;align-content:center}
#saleForm .sale-gst-inline{min-width:82px}
#saleForm .sale-gst-inline small{display:none}
#saleForm .sale-lines-panel .table-wrap{min-height:180px}
#saleForm .sale-lines-panel table{min-width:1160px}
#saleForm .sale-lines-panel th,#saleForm .sale-lines-panel td{padding:9px 10px}
#saleForm .sale-lines-panel th{font-size:.58rem;letter-spacing:.055em}
#saleForm .sale-product-cell{min-width:180px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#saleForm .sale-product-cell strong{white-space:normal;line-height:1.2}
#saleForm .sale-product-cell .line-remove{flex:0 0 auto}
#saleForm .sale-product-cell>span{display:grid;gap:2px;min-width:0}
#saleForm .sale-table-total td{position:sticky;bottom:0;z-index:1;background:rgba(255,243,221,.96);font-weight:900;color:#3c2414;box-shadow:0 -1px 0 rgba(142,75,21,.12)}
@media(max-width:1180px){#saleForm{grid-template-columns:minmax(0,1fr)}#saleForm>.sale-top-strip,#saleForm>.sale-item-composer,#saleForm>.sale-lines-panel.full,#saleForm>.transaction-footer{grid-column:1;grid-row:auto}#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){#saleForm .sale-pick-fields,#saleForm .sale-detail-grid{grid-template-columns:minmax(0,1fr)!important}#saleForm .sale-detail-grid label:nth-child(4),#saleForm .sale-detail-grid .primary-button{grid-column:1/-1}}
@media(max-width:720px){#saleForm .sale-top-strip .customer-fields,#saleForm .sale-top-strip .new-customer-fields,#saleForm .sale-top-strip .transaction-head{grid-template-columns:minmax(0,1fr)!important}}

/* Product page header: compact and closer to the top of the view. */
.product-page-head{margin:-18px 0 8px;padding:0 2px;align-items:center}
.product-page-head .eyebrow{font-size:.58rem;letter-spacing:.1em}
.product-page-head h1{margin:2px 0 2px;font-size:1.38rem;line-height:1.05;letter-spacing:-.02em}
.product-page-head p{font-size:.76rem;line-height:1.35;max-width:560px}
.product-page-head .head-actions{gap:7px}
.product-page-head .secondary-button{min-height:34px;padding:0 11px;border-radius:10px;font-size:.72rem}
@media(max-width:820px){.product-page-head{align-items:flex-start}.product-page-head h1{font-size:1.26rem}.product-page-head p{font-size:.72rem}}

/* Held sale/purchase drafts. */
.hold-actions{display:grid;gap:8px;margin-top:4px}
.hold-actions .primary-button,.hold-actions .secondary-button{width:100%}
.held-invoices-panel{margin-bottom:14px}
.held-status{display:block;margin-top:3px;color:var(--muted);font-size:.64rem;font-weight:700}
.held-row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}
.held-row-actions form{margin:0}
.held-row-actions button.row-action{border:0;font:inherit;cursor:pointer}
.danger-row-action{background:#f9e7e6!important;color:#a33324!important}
@media(max-width:720px){.held-row-actions{justify-content:flex-start;flex-wrap:wrap}}

/* Sales entry header and left-rail controls. */
.sale-entry-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:-10px 0 10px}
.sale-entry-date{display:grid;gap:5px;justify-self:center;width:100%;color:var(--muted);font-size:.68rem;font-weight:850}
#saleForm .sale-item-heading .sale-entry-date{flex:0 0 170px;width:170px;justify-self:auto;margin:0}
.sale-entry-date input{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.86);color:var(--ink);outline:0}
.sale-entry-date input:focus,#saleForm .sale-tax-inline select:focus{border-color:#99b52d;box-shadow:0 0 0 3px rgba(191,224,55,.15)}
#saleForm .sale-tax-inline{display:grid;gap:5px;color:var(--muted);font-size:.68rem;font-weight:850}
#saleForm .sale-top-strip .customer-mode strong{width:auto}
#saleForm .customer-mode small{color:#7a6249;font-size:.66rem;line-height:1.25}
#saleForm .customer-mode small{flex-basis:100%}
#saleForm .walk-in-toggle{min-height:28px;padding:0 10px;border:1px solid rgba(123,60,13,.16);border-radius:999px;background:#fff7eb;color:#744017;font-size:.68rem;font-weight:900}
#saleForm .walk-in-toggle.active{background:#7a3b0d;color:#fff;border-color:#7a3b0d;box-shadow:0 8px 18px rgba(122,59,13,.2)}
#saleForm .walk-in-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,152,29,.18)}
#purchaseForm .walk-in-toggle{min-height:28px;padding:0 10px;border:1px solid rgba(123,60,13,.16);border-radius:999px;background:#fff7eb;color:#744017;font-size:.68rem;font-weight:900}
#purchaseForm .walk-in-toggle.active{background:#7a3b0d;color:#fff;border-color:#7a3b0d;box-shadow:0 8px 18px rgba(122,59,13,.2)}
#purchaseForm .walk-in-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,152,29,.18)}
#saleForm .sale-tax-inline select{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.86);color:var(--ink);outline:0}
#saleForm .customer-search-control #addSearchedCustomer{width:auto;min-width:45px;padding:0 9px;font-size:.68rem}
#saleForm .add-customer-result{background:#fff1dc;color:#7b3c0d}
#saleForm .add-customer-result:hover{background:#ffe0ad}
.quick-customer-dialog{width:min(560px,calc(100% - 30px));border:1px solid #ffffffdd;border-radius:24px;padding:23px;background:#fff5e6;box-shadow:0 35px 100px #3a1e0c55}
.quick-customer-dialog::backdrop{background:#21120888;backdrop-filter:blur(9px)}
.quick-customer-dialog .form-actions{justify-content:flex-end}
#saleForm .sale-remarks-inline{grid-column:1/-1}
#saleForm .sale-remarks-inline textarea{width:100%;min-height:68px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffffc9;color:var(--ink);resize:vertical;outline:0}
#saleForm>.sale-item-composer{align-self:start}
@media(max-width:900px){.sale-entry-head{grid-template-columns:1fr;margin-top:0}.sale-entry-date{justify-self:stretch}.sale-entry-head .head-actions{justify-self:start;flex-wrap:wrap}}

/* Product-wise stock lots */
.stock-lot-page{display:grid;gap:14px}.stock-lot-head{margin-top:-8px;margin-bottom:2px}.stock-lot-head h1,.stock-detail-head h1{font-size:1.55rem;line-height:1.08;letter-spacing:0}.stock-lot-toolbar{padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.25fr) minmax(150px,.2fr) auto auto;gap:10px;align-items:end;border-radius:10px}.stock-lot-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.68rem;font-weight:850}.stock-lot-toolbar input,.stock-lot-toolbar select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffffd9;padding:9px 11px;color:var(--ink);outline:0}.stock-lot-toolbar input:focus,.stock-lot-toolbar select:focus{border-color:#3a8b65;box-shadow:0 0 0 3px rgba(58,139,101,.13)}.stock-lot-toolbar .secondary-button{min-height:42px;border-radius:8px}.stock-lot-toolbar .row-action{min-height:42px;align-items:center;border-radius:8px}.stock-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding:0 6px;color:#40524a;font-size:.78rem}.stock-pagination a,.stock-pagination strong,.stock-pagination .disabled{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;background:#ffffffb8;font-weight:850}.stock-pagination .disabled{opacity:.45}.stock-pagination>span:first-child{margin-right:6px}.stock-lot-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.42);overflow:hidden}.stock-product-row{border-bottom:1px solid var(--line);background:rgba(255,255,255,.62)}.stock-product-row:last-child{border-bottom:0}.stock-product-row summary{min-height:86px;padding:15px 24px;display:grid;grid-template-columns:52px minmax(230px,1fr) minmax(105px,.2fr) minmax(82px,.15fr) minmax(112px,.18fr) 34px;gap:16px;align-items:center;list-style:none;cursor:pointer}.stock-product-row summary::-webkit-details-marker{display:none}.stock-product-row[open] summary{background:#eef8f2;box-shadow:inset 4px 0 #11815d}.stock-product-icon{width:42px;height:42px;border:1px solid #cfe4d8;border-radius:8px;background:#fbfffd;color:#11815d;display:grid;place-items:center;font-weight:900}.stock-product-title{min-width:0;display:grid;gap:4px}.stock-product-title strong{font-size:.98rem;color:#09251b;white-space:normal;line-height:1.2}.stock-product-title small,.stock-batch-card small,.stock-detail-hero small{color:var(--muted);font-size:.72rem;line-height:1.25}.stock-product-metric{display:grid;gap:4px}.stock-product-metric b,.stock-batch-head span{color:#667872;text-transform:uppercase;font-size:.62rem;font-weight:900}.stock-product-metric strong{font:850 1rem Manrope;color:#071f17}.stock-row-toggle{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#668079;transition:.18s}.stock-product-row[open] .stock-row-toggle{transform:rotate(180deg)}.stock-status{min-height:28px;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;white-space:nowrap}.stock-status.active{color:#08723d;background:#e5f5ea;border:1px solid #c7ead3}.stock-status.warning{color:#8b5c00;background:#fff4d6;border:1px solid #f2d58b}.stock-status.danger{color:#a62c3b;background:#fae6e9;border:1px solid #edc3c9}.stock-status.empty{color:#62706b;background:#edf1ef;border:1px solid #d8e0dc}.stock-batch-area{padding:14px 28px 22px 92px;display:grid;gap:9px;background:rgba(248,252,249,.9)}.stock-batch-head,.stock-batch-card{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(86px,.45fr) minmax(120px,.55fr) minmax(130px,.7fr) minmax(170px,.95fr) minmax(160px,.8fr);gap:12px;align-items:center}.stock-batch-head{padding:0 18px}.stock-batch-card{min-height:82px;padding:13px 18px;border:1px solid rgba(31,48,39,.11);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(30,48,38,.06)}.stock-batch-card>div{min-width:0;display:grid;gap:4px}.stock-batch-card strong{font-size:.82rem;color:#071f17;white-space:normal;overflow-wrap:anywhere}.stock-batch-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.stock-view-action{background:#fff;border:1px solid var(--line);border-radius:8px}.stock-lot-empty{background:#fff}.stock-detail-hero{border-radius:10px;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0}.stock-detail-hero>div{min-height:112px;padding:18px;background:rgba(255,255,255,.78);display:grid;align-content:center;gap:6px}.stock-detail-hero span{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.stock-detail-hero strong{font:850 1.3rem Manrope;color:#071f17;letter-spacing:0}.stock-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.stock-detail-section{border-radius:10px}.stock-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stock-detail-list span{min-height:58px;padding:10px 12px;border:1px solid rgba(31,48,39,.09);border-radius:8px;background:rgba(255,255,255,.64);display:grid;align-content:center;gap:5px;min-width:0}.stock-detail-list b{color:var(--muted);font-size:.62rem;text-transform:uppercase}.stock-detail-list strong{font-size:.82rem;color:#10271d;overflow-wrap:anywhere}.stock-adjustment-panel{margin-top:14px}
.stock-batch-card .stock-lot-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stock-batch-card .stock-lot-title span{min-width:0}.stock-batch-card .stock-lot-title em{font-style:normal;font-size:.66rem;font-weight:850;color:#8a5b28;background:#fff3dc;border:1px solid rgba(177,111,35,.16);border-radius:999px;padding:3px 8px;white-space:nowrap}
@media(max-width:1180px){.stock-lot-toolbar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(145px,.35fr))}.stock-lot-toolbar .secondary-button,.stock-lot-toolbar .row-action{grid-column:auto}.stock-product-row summary{grid-template-columns:48px minmax(180px,1fr) repeat(2,minmax(90px,.22fr)) minmax(106px,.2fr) 32px;padding-inline:16px}.stock-batch-area{padding-left:28px}.stock-batch-head,.stock-batch-card{grid-template-columns:minmax(160px,1.3fr) minmax(80px,.45fr) minmax(110px,.55fr) minmax(125px,.7fr) minmax(150px,.9fr) minmax(145px,.8fr)}}
@media(max-width:900px){.stock-lot-toolbar{grid-template-columns:1fr}.stock-pagination{justify-content:flex-start}.stock-product-row summary{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start}.stock-product-metric,.stock-product-row summary>.stock-status{grid-column:2;display:inline-grid;justify-self:start}.stock-row-toggle{grid-column:3;grid-row:1}.stock-batch-area{padding:12px}.stock-batch-head{display:none}.stock-batch-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.stock-batch-actions{grid-column:1/-1;justify-content:flex-start}.stock-detail-hero,.stock-detail-grid{grid-template-columns:1fr 1fr}.stock-detail-list{grid-template-columns:1fr}}
@media(max-width:620px){.stock-lot-head .head-actions,.stock-detail-head .head-actions{width:100%;flex-wrap:wrap}.stock-lot-head .head-actions a,.stock-detail-head .head-actions a{flex:1 1 150px}.stock-batch-card{grid-template-columns:1fr}.stock-detail-hero,.stock-detail-grid{grid-template-columns:1fr}.stock-pagination a,.stock-pagination strong,.stock-pagination .disabled{flex:1 1 auto;justify-content:center}}

/* Service daybook and cash account reports */
.stock-required-details{margin-top:14px;border-radius:10px}.batch-field-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-report-head{margin-top:-8px}.service-report-head h1{font-size:1.55rem;line-height:1.08;letter-spacing:0}.service-report-filter{display:flex;align-items:end;gap:10px;margin-bottom:14px;border-radius:10px}.service-date-presets{display:flex;gap:7px;align-items:center;min-height:42px}.service-date-presets a{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffbf;color:#40524a;display:inline-flex;align-items:center;font-size:.72rem;font-weight:900}.service-date-presets a.active{background:#17251e;color:#fff;border-color:#17251e;box-shadow:0 9px 18px rgba(22,37,29,.16)}.service-report-filter label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:850}.service-report-filter input{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffffd9;padding:8px 10px;color:var(--ink);outline:0}.service-report-paper{width:min(920px,100%);margin:0 auto;padding:26px;border-radius:8px;background:#fff;color:#111;box-shadow:0 18px 45px rgba(30,48,38,.1)}.service-report-title{position:relative;text-align:center;border:1px dotted #b7b7b7;border-bottom:0;padding:18px 16px 30px}.service-report-title h2{margin:0;font:800 1.35rem Manrope;letter-spacing:0;color:#123}.service-report-title p{margin:8px 0 0;color:#333;font-weight:700}.service-report-title time{position:absolute;right:18px;bottom:10px;color:#222;font-size:.74rem}.service-opening-balance{display:flex;gap:10px;align-items:center;padding:12px 16px;border-left:1px dotted #b7b7b7;border-right:1px dotted #b7b7b7;font:800 1rem ui-monospace,SFMono-Regular,Consolas,monospace}.service-opening-balance strong{letter-spacing:.02em}.service-report-table-wrap{border-radius:0;border-color:#222;background:#fff}.service-ledger-table{font-size:.78rem;color:#111}.service-ledger-table th,.service-ledger-table td{padding:5px 8px;border-bottom:0;white-space:normal}.service-ledger-table thead th{position:static;background:#f3f3f3;color:#111;border-top:2px solid #111;border-bottom:2px solid #111;text-transform:none;letter-spacing:0;font-size:.78rem}.service-ledger-table tbody td{vertical-align:top}.service-ledger-table td small{display:block;color:#555;font-size:.68rem;margin-top:2px}.service-ledger-table tfoot th,.service-ledger-table tfoot td{border-top:2px solid #111;font-weight:900}.service-ledger-table tfoot th{text-align:right}.service-closing-row th,.service-closing-row td{font-size:.88rem;text-decoration:underline}.service-report-table-wrap .empty{color:#555}
@media(max-width:900px){.batch-field-list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-report-filter{display:grid;grid-template-columns:1fr}.service-date-presets{flex-wrap:wrap}.service-date-presets a{flex:1 1 120px;justify-content:center}.service-report-paper{padding:14px}.service-report-title time{position:static;display:block;margin-top:12px}.service-ledger-table{min-width:720px}.service-report-table-wrap{overflow:auto}}
@media(max-width:620px){.batch-field-list{grid-template-columns:1fr}}
@media print{.service-report-paper{width:100%;padding:0;box-shadow:none;border:0}.service-report-title{padding-top:18px}.service-report-table-wrap{overflow:visible;border-color:#111}.service-ledger-table{font-size:10pt}.service-ledger-table th,.service-ledger-table td{padding:3px 6px}.service-opening-balance{border-color:#111}}

/* Branch selector */
.branch-switcher{min-width:180px;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.72)}
.branch-switcher span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#57361e;font-size:.68rem;font-weight:900}
.branch-switcher select{min-height:31px;max-width:150px;border:0;background:transparent;color:var(--ink);font-size:.72rem;font-weight:850;outline:0}
@media(max-width:980px){.branch-switcher{order:2;width:100%;justify-content:space-between}.branch-switcher span{max-width:none}.branch-switcher select{max-width:190px}}

/* Purchase line entry */
.purchase-product-panel .purchase-panel-title{align-items:center}.purchase-product-panel .primary-button.compact,.purchase-product-panel .secondary-button.compact{min-height:36px;padding:0 13px;border-radius:9px}.purchase-section-title-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.purchase-billing-grid.purchase-product-grid{grid-template-columns:minmax(320px,1.45fr) minmax(130px,.55fr) minmax(220px,1fr) minmax(180px,.75fr);align-items:start}.purchase-billing-grid.purchase-pricing-grid{grid-template-columns:repeat(10,minmax(102px,1fr));align-items:end}.purchase-billing-grid.purchase-product-grid .span-2{grid-column:span 2}.purchase-billing-grid.purchase-product-grid input[readonly]{font-weight:800}
.purchase-product-combobox{position:relative}.purchase-product-results{position:absolute;z-index:45;top:calc(100% + 7px);left:0;right:0;display:grid;gap:4px;max-height:330px;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)}.purchase-product-results[hidden]{display:none}.purchase-product-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}.purchase-product-result:hover,.purchase-product-result.active{background:#f5e7c8}.purchase-product-result span{display:grid;gap:2px;min-width:0}.purchase-product-result strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-product-result small,.purchase-product-empty{color:var(--muted);font-size:.68rem;line-height:1.25}.purchase-product-result i{font-style:normal;color:#8d6a36;font-weight:900}.purchase-color-picker{display:grid;gap:4px;color:var(--muted);font-size:.68rem;font-weight:800}.purchase-color-picker[hidden]{display:none}.purchase-color-options{min-height:38px;padding:6px;border:1px solid rgba(31,48,39,.13);border-radius:9px;background:rgba(255,255,255,.84);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.purchase-color-options label{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#fff5e4;color:#57361e;font-size:.68rem;font-weight:900}.purchase-color-options input{width:auto;min-height:0;margin:0;accent-color:#ce7a16}
.purchase-color-options label.purchase-option-all{background:#24362d;color:#fff}.purchase-color-options label.purchase-option-all input{accent-color:#cde63d}
.purchase-billing-grid.purchase-product-grid{grid-template-columns:minmax(320px,1.45fr) minmax(130px,.5fr) minmax(210px,.75fr) minmax(210px,.75fr)}
.purchase-billing-grid.purchase-product-grid .purchase-size-picker{grid-column:1/2}
.purchase-billing-grid.purchase-product-grid #purchaseColorPicker{grid-column:2/5}
.purchase-size-price-toggle .inline-check{min-height:38px;padding:0 10px;border:1px solid rgba(31,48,39,.13);border-radius:9px;background:rgba(255,255,255,.84);display:flex;align-items:center;gap:7px;color:var(--ink);font-size:.72rem}.purchase-size-price-toggle input[type=checkbox]{width:auto;min-height:0;margin:0;accent-color:#ce7a16}.purchase-size-price-panel{margin-top:10px;padding:10px;border:1px solid rgba(31,48,39,.1);border-radius:10px;background:rgba(255,255,255,.42)}.purchase-size-price-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.purchase-size-price-head span{font-size:.74rem;font-weight:900;color:#31473b}.purchase-size-price-head small{font-size:.66rem;color:var(--muted)}.purchase-size-price-table th,.purchase-size-price-table td{padding:7px 9px}.purchase-size-price-table input{min-height:34px;padding:5px 7px;border-radius:8px;text-align:right}.purchase-size-price-table input[readonly]{background:#eef2ef;color:#536158}
.purchase-size-price-table{width:auto;min-width:0}.purchase-size-price-table th,.purchase-size-price-table td{white-space:nowrap}.purchase-size-price-table input{width:auto;min-width:0}.purchase-size-price-table .size-qty-box{width:68px}.purchase-size-price-table .size-price-box{width:92px}
.purchase-size-price-inline{grid-column:span 4;align-self:start;justify-self:start;width:fit-content;max-width:100%;margin-top:0}.purchase-size-price-inline .purchase-size-price-head{display:grid;justify-content:start;gap:2px}.purchase-size-price-inline .table-wrap{display:inline-block;max-width:100%;overflow:auto;border-radius:9px}.purchase-size-price-inline .purchase-size-price-table th,.purchase-size-price-inline .purchase-size-price-table td{padding:6px 8px}
.purchase-line-actions{display:flex;align-items:center;gap:6px}.purchase-line-actions .row-action{border:0;font-size:.68rem;padding:6px 9px}.purchase-lines-panel .purchase-product-group-row td{background:#fff7e8;color:#31473b;white-space:normal;font-weight:900;border-top:1px solid rgba(112,75,22,.1)}.purchase-product-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.purchase-product-group-head>span{display:grid;gap:2px}.purchase-product-group-head .line-remove{flex:0 0 auto}.purchase-lines-panel .purchase-product-group-row strong{font-size:.82rem}.purchase-lines-panel .purchase-product-group-row small{display:block;margin-top:3px;color:#8a6742;font-size:.62rem}.purchase-lines-panel .purchase-product-matrix-row td{padding:0 10px 12px;background:rgba(255,255,255,.5)}.purchase-product-matrix-wrap{max-width:100%;overflow:auto;border:1px solid rgba(31,48,39,.09);border-radius:10px;background:#fff}.purchase-product-matrix{width:max-content;min-width:1420px}.purchase-product-matrix th,.purchase-product-matrix td{padding:8px 8px}.purchase-product-matrix th{position:static;text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:900;color:#31473b}.purchase-product-matrix thead th{background:#f2eadc}.purchase-product-matrix .purchase-color-th{min-width:48px;text-align:center}.purchase-color-initial{width:26px;height:26px;border-radius:8px;background:#2f3b33;color:#fff;display:inline-grid;place-items:center;font-size:.72rem;font-weight:950}.purchase-product-matrix tbody th{background:#fff7e8;text-align:left;min-width:74px}.purchase-product-matrix .purchase-matrix-qty{width:52px;min-height:32px;padding:5px 6px;border-radius:8px;text-align:right;font-size:.72rem;font-weight:800}.purchase-product-matrix .purchase-size-input{width:84px;min-height:32px;padding:5px 7px;border:1px solid rgba(31,48,39,.13);border-radius:8px;background:#fff;text-align:right;font-size:.72rem;font-weight:800}.purchase-product-matrix .purchase-size-input[readonly]{background:#eef2ef;color:#536158}.purchase-lines-panel tr.editing-row{background:#fff3d3}.purchase-lines-panel tr.editing-row td:first-child{box-shadow:inset 4px 0 #ce7a16}.purchase-lines-panel .purchase-line-input{min-height:31px;width:86px;padding:5px 7px;border-radius:8px;text-align:right;font-size:.72rem}.purchase-lines-panel .purchase-line-qty{width:68px}.purchase-lines-panel .purchase-line-text{width:96px;text-align:left}.purchase-lines-panel td:nth-child(1),.purchase-lines-panel td:nth-child(2){min-width:108px}
@media(max-width:1320px){.purchase-billing-grid.purchase-product-grid{grid-template-columns:minmax(260px,1.2fr) minmax(130px,.6fr) minmax(220px,1fr) minmax(170px,.75fr)}.purchase-billing-grid.purchase-pricing-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}.purchase-billing-grid.purchase-product-grid .span-2{grid-column:span 2}.purchase-size-price-inline{grid-column:1/-1}}
@media(max-width:1320px){.purchase-billing-grid.purchase-product-grid{grid-template-columns:minmax(260px,1.25fr) minmax(130px,.6fr) minmax(180px,.9fr) minmax(180px,.9fr)}.purchase-billing-grid.purchase-product-grid .purchase-size-picker{grid-column:1/2}.purchase-billing-grid.purchase-product-grid #purchaseColorPicker{grid-column:2/5}}
@media(max-width:720px){.purchase-billing-grid.purchase-product-grid,.purchase-billing-grid.purchase-pricing-grid{grid-template-columns:1fr}.purchase-billing-grid.purchase-product-grid .span-2,.purchase-size-price-inline{grid-column:auto}.purchase-size-price-inline .table-wrap{display:block}}
@media(max-width:720px){.purchase-billing-grid.purchase-product-grid .purchase-size-picker,.purchase-billing-grid.purchase-product-grid #purchaseColorPicker{grid-column:auto}}

/* Purchased products compact table presentation. */
.purchase-lines-panel .table-wrap{border-radius:12px;background:#fffaf1;border-color:rgba(118,80,28,.12)}
.purchase-lines-panel>.table-wrap>table{min-width:0}
.purchase-lines-panel>.table-wrap>table>thead th{padding:10px 12px;background:#fff1dc;color:#7b6244;font-size:.62rem;letter-spacing:.06em}
.purchase-lines-panel .purchase-product-group-row td{padding:10px 12px 6px!important;background:#fffaf1!important;border-bottom:0}
.purchase-product-group-head{min-height:35px;align-items:center}
.purchase-product-group-head strong{color:#17251e;font-size:.8rem!important}
.purchase-product-group-head small{color:#7b5d36!important;font-size:.61rem!important}
.purchase-product-group-head .line-remove{width:30px;height:30px;border-radius:999px;background:#fde9ed;color:#bb4053}
.purchase-lines-panel .purchase-product-matrix-row td{padding:0 8px 10px!important;background:#fffaf1!important}
.purchase-product-matrix-wrap{display:block;width:100%;max-width:100%;overflow:auto;border-color:#eadfce;border-radius:10px;background:#fffdf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);vertical-align:top}
.purchase-product-matrix{width:100%;min-width:max-content;table-layout:auto;border-collapse:separate;border-spacing:0 6px}
.purchase-product-matrix th,.purchase-product-matrix td{padding:5px 6px;white-space:nowrap}
.purchase-product-matrix th{font-size:.68rem}
.purchase-product-matrix thead th{background:#eee5d6;color:#21342a;border-bottom:1px solid #e4d8c4}
.purchase-product-matrix thead th:first-child{min-width:56px}
.purchase-product-matrix tbody th{background:#fff7e8;color:#21342a;border-right:1px solid #eee2cf;min-width:56px}
.purchase-product-matrix td{background:#fffdf8}
.purchase-product-matrix .purchase-color-th{width:38px;min-width:38px;text-align:center}
.purchase-color-initial{width:22px;height:22px;border-radius:8px;background:#24362d;color:#fff;font-size:.66rem}
.purchase-product-matrix .purchase-matrix-qty{width:auto;min-width:46px;max-width:74px;min-height:30px;padding:4px 6px;background:#fffaf6;border-color:#eadfce;field-sizing:content}
.purchase-product-matrix .purchase-size-input{width:auto;min-width:66px;max-width:112px;min-height:30px;padding:4px 6px;background:#fff;border-color:#ddd8cf;field-sizing:content}
.purchase-product-matrix .purchase-size-input[readonly]{background:#eef2ef;color:#40564a}
.toast.warning{color:#76520d;background:#fff4d6;border:1px solid #efd38c}
.sale-line-actions{display:flex;gap:6px;align-items:center}.sale-line-actions .row-action{border:0;cursor:pointer}.sale-line-actions .line-remove{flex:0 0 auto}.sale-lines-panel tbody tr.active td{background:#fff4df!important}
.product-head-actions{display:grid;justify-items:end;gap:8px;min-width:min(560px,100%)}.product-export-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.product-import-compact{max-width:100%;padding:6px;border:1px solid rgba(31,48,39,.1);border-radius:10px;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:flex-end;gap:7px}.product-import-compact .product-format-link{min-height:32px;align-items:center;border:1px solid rgba(31,48,39,.1);background:#fff;font-size:.66rem;white-space:nowrap}.product-import-file{min-width:0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.66rem;font-weight:900}.product-import-file input{width:165px;max-width:32vw;min-height:32px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#ffffffd9;color:var(--ink);font-size:.68rem}.product-import-compact .secondary-button{min-height:32px;padding:0 11px;border-radius:8px;font-size:.68rem}
@media(max-width:820px){.product-head-actions{width:100%;justify-items:stretch}.product-export-actions,.product-import-compact{justify-content:flex-start}.product-import-compact{flex-wrap:wrap}.product-import-file input{width:100%;max-width:none}.product-import-file{flex:1 1 190px}}
.barcode-items-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);gap:16px;align-items:start}.barcode-item-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.barcode-item-check{min-height:46px;padding:10px 12px;border:1px solid rgba(31,48,39,.1);border-radius:8px;background:#ffffffbf}.barcode-settings-preview{padding:14px;border:1px solid rgba(31,48,39,.12);border-radius:8px;background:#f8fbf8}.barcode-preview-label{width:min(310px,100%);min-height:118px;margin:0 auto;padding:8px 12px;border:1px dashed #9ea9a3;background:#fff;color:#111;display:grid;align-content:center;gap:3px;font-family:"Times New Roman",Times,serif;text-align:center}.barcode-preview-product{font-size:.82rem;text-transform:uppercase;line-height:1.05}.barcode-preview-line,.barcode-preview-number,.barcode-preview-meta,.barcode-preview-prices{font-size:.7rem;font-weight:800;line-height:1.05}.barcode-preview-bars{height:38px;margin:2px 0;display:flex;align-items:stretch;justify-content:center;gap:2px}.barcode-preview-bars i{display:block;width:4px;background:#111}.barcode-preview-bars i:nth-child(2),.barcode-preview-bars i:nth-child(5),.barcode-preview-bars i:nth-child(8){width:8px}.barcode-preview-bars i:nth-child(4),.barcode-preview-bars i:nth-child(9){width:2px}.barcode-preview-meta,.barcode-preview-prices{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.barcode-preview-meta span,.barcode-preview-prices strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.barcode-preview-label [hidden]{display:none!important}
@media(max-width:1100px){.barcode-items-layout{grid-template-columns:1fr}.barcode-item-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:620px){.barcode-item-grid{grid-template-columns:1fr}.barcode-preview-meta,.barcode-preview-prices{display:grid;justify-content:stretch}}

/* Report table readability */
.report-table-wrap{max-height:calc(100vh - 315px);background:rgba(255,253,248,.72)}
.report-table{min-width:max-content;border-collapse:separate;border-spacing:0}
.report-table th,.report-table td{padding:11px 14px;vertical-align:top}
.report-table td{background:rgba(255,255,255,.52)}
.report-table tbody tr:hover td{background:#fff7e8}
.report-table td:not(.number){max-width:260px;overflow:hidden;text-overflow:ellipsis}
.report-table td.number{font-variant-numeric:tabular-nums}
.report-filter{flex-wrap:wrap}
.report-filter label{min-width:150px}
.report-card b{white-space:nowrap;color:#99500d}
@media(max-width:720px){.report-table-wrap{max-height:none}.report-table td:not(.number){max-width:210px}.report-filter{display:grid;grid-template-columns:1fr}}

#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:55;top:calc(100% + 4px);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}

/* Keep autocomplete menus above the following panels/tables while they are in use. */
#saleForm .sale-item-composer,
.purchase-product-panel,
.barcode-filter-panel{position:relative;overflow:visible}
#saleForm .sale-item-composer:focus-within,
.purchase-product-panel:focus-within,
.barcode-filter-panel:focus-within{z-index:70}
#saleForm .sale-product-combobox,
#saleForm .sale-batch-combobox,
.purchase-product-combobox,
.barcode-product-combobox,
.barcode-lot-combobox{position:relative;z-index:1}
#saleForm .sale-product-combobox:focus-within,
#saleForm .sale-batch-combobox:focus-within,
.purchase-product-combobox:focus-within,
.barcode-product-combobox:focus-within,
.barcode-lot-combobox:focus-within{z-index:75}
#saleForm .sale-product-results,
#saleForm .sale-batch-results,
.purchase-product-results,
.barcode-product-results,
.barcode-lot-results{z-index:80}