:root{--bg:#f4f7fb;--surface:#fff;--ink:#122033;--muted:#6e7a8a;--line:#e6ebf2;--navy:#0d2240;--navy-2:#142d50;--accent:#20c7bd;--accent-soft:#e8fbf9}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:28px;height:100vh;min-height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;font-size:30px;font-weight:900}.tagline{color:#9fb0c8;margin-top:4px;font-size:12px}nav{gap:4px;padding-right:4px;display:grid;overflow:auto}.navItem{color:#c3d0e2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.navItem:hover,.navItem.active{background:var(--navy-2);color:#fff}.navItem.active{box-shadow:inset 3px 0 0 var(--accent)}.profile{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.profile strong,.profile span{display:block}.profile strong{font-size:13px}.profile span{color:#9fb0c8;font-size:11px}.avatar{background:var(--accent);width:38px;height:38px;color:var(--navy);border-radius:12px;place-items:center;font-weight:800;display:grid}.content{min-width:0;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:800}h1{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.1}.actions{gap:10px;display:flex}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:800}.primary{background:var(--navy);color:#fff}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.statCard,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #162b4d0d}.statCard{padding:20px}.statCard span,.statCard small{color:var(--muted)}.statCard span{font-size:13px;font-weight:700}.statCard strong{margin:10px 0 4px;font-size:28px;display:block}.statCard small{font-size:11px}.grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.panel{min-height:330px;padding:22px}.panelHeader{justify-content:space-between;align-items:start;gap:16px;display:flex}.panelKicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.panel h2{margin:5px 0 0;font-size:20px}.pill{background:var(--accent-soft);color:#167d78;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.emptyChart{flex-direction:column;justify-content:end;height:240px;display:flex}.bars{border-bottom:1px solid var(--line);align-items:end;gap:14px;height:160px;padding:0 12px;display:flex}.bars span{background:linear-gradient(180deg, var(--accent), #8ae3dd);opacity:.85;border-radius:8px 8px 2px 2px;flex:1;min-width:14px;max-width:44px}.emptyChart p{color:var(--muted);margin-bottom:0;font-size:12px}.emptyList{gap:12px;margin-top:22px;display:grid}.emptyList div{border:1px solid var(--line);border-radius:14px;padding:14px}.emptyList strong,.emptyList span{display:block}.emptyList strong{font-size:13px}.emptyList span{color:var(--muted);margin-top:4px;font-size:12px}@media (max-width:1000px){.shell{grid-template-columns:88px 1fr}.sidebar{padding:24px 12px}.brand{text-align:center;font-size:18px}.tagline,.profile div:not(.avatar){display:none}.navItem{height:40px;font-size:0}.navItem:first-letter{font-size:14px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (max-width:640px){.shell{display:block}.sidebar{height:auto;min-height:auto;padding:16px;position:static}.sidebar nav,.profile{display:none}.content{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:10px}.statCard{padding:15px}.statCard strong{font-size:22px}.actions{width:100%}.actions button{flex:1}}a.navItem{text-decoration:none;display:block}.pageIntro{color:var(--muted);margin:10px 0 0;font-size:14px}.productTopbar{align-items:flex-end}.productStats .statCard strong{font-size:25px}.productsPanel{min-height:0;padding:0;overflow:hidden}.productsToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.productsToolbar h2{margin:5px 0 0}.searchFake{border:1px solid var(--line);color:#98a2b1;background:#fbfcfe;border-radius:12px;min-width:270px;padding:11px 14px;font-size:12px}.tableWrap{overflow-x:auto}.productsTable{border-collapse:collapse;width:100%;min-width:880px}.productsTable th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);background:#fbfcfe;padding:13px 18px;font-size:11px}.productsTable td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 18px;font-size:13px}.productsTable tbody tr:hover{background:#fbfdff}.productCell{align-items:center;gap:12px;min-width:220px;display:flex}.productCell strong,.productCell span{display:block}.productCell span{color:var(--muted);margin-top:4px;font-size:11px}.productThumb{background:linear-gradient(145deg, var(--navy-2), var(--navy));color:#fff;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.skuTag{border:1px solid var(--line);background:#f2f5f9;border-radius:8px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.statusBadge{border-radius:999px;align-items:center;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.statusBadge.success{color:#18756e;background:#e8fbf9}.statusBadge.warning{color:#9a5b0a;background:#fff5df}.emptyProducts{text-align:center;color:var(--muted);padding:34px}@media (max-width:760px){.productsToolbar{flex-direction:column;align-items:stretch}.searchFake{width:100%;min-width:0}}.buttonLink{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.productForm{gap:16px;max-width:1180px;display:grid}.formPanel{min-height:0;padding:24px}.formSectionHeading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.formSectionHeading h2{margin-top:5px}.requiredLegend,.formHint{color:var(--muted);font-size:12px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.formGridThree{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:8px;display:grid}.fieldWide{grid-column:1/-1}.field>span{color:#43526a;font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fbfcfe;border-radius:12px;outline:none;padding:12px 13px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#85dcd6;box-shadow:0 0 0 3px #20c7bd1a}.moneyInput{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;grid-template-columns:38px 1fr;display:grid;overflow:hidden}.moneyInput b{border-right:1px solid var(--line);color:var(--muted);place-items:center;display:grid}.moneyInput input{background:0 0;border:0;border-radius:0;box-shadow:none!important}.inventoryHeading{align-items:center}.switchRow{color:#43526a;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.switchRow input,.toggleCard input{accent-color:var(--accent)}.toggleCards{margin-top:20px}.toggleCard{border:1px solid var(--line);cursor:pointer;background:#fbfcfe;border-radius:14px;align-items:flex-start;gap:12px;padding:15px;display:flex}.toggleCard.active{background:var(--accent-soft);border-color:#9be3de}.toggleCard strong,.toggleCard span{display:block}.toggleCard strong{font-size:13px}.toggleCard span{color:var(--muted);margin-top:4px;font-size:11px}.formActions{justify-content:flex-end;gap:10px;padding-bottom:24px;display:flex}.saveButton:disabled{opacity:.65;cursor:wait}.formError{color:#a63630;background:#fff1f0;border:1px solid #fac7c4;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}@media (max-width:800px){.formGrid,.formGridThree{grid-template-columns:1fr}.fieldWide{grid-column:auto}.formSectionHeading,.inventoryHeading{flex-direction:column;align-items:flex-start}.formActions{background:var(--bg);padding:12px 0;position:sticky;bottom:0}.formActions>*{flex:1}}.autoCodeField{background:#f6f8fb;border:1px dashed #9fb0c7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:9px 13px;display:flex}.autoCodeField strong{color:var(--navy);letter-spacing:.04em;font-size:12px}.autoCodeField small{color:var(--muted);font-size:11px}.miniAction{color:#138f88;cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:11px;font-weight:800}.miniAction:hover{text-decoration:underline}.inlineCreator{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.inlineCreator input{min-width:0}.miniSave,.miniCancel{cursor:pointer;border-radius:9px;padding:10px 11px;font-size:11px;font-weight:800}.miniSave{border:1px solid var(--navy);background:var(--navy);color:#fff}.miniSave:disabled{opacity:.55;cursor:wait}.miniCancel{border:1px solid var(--line);color:#526176;background:#fff}.formGridFour{grid-template-columns:repeat(4,minmax(0,1fr))}.priceListInfo{color:var(--muted);align-items:center;gap:8px;margin:-8px 0 18px;font-size:11px;display:flex}.priceListInfo strong{background:var(--accent-soft);color:#157d76;border:1px solid #b6ece8;border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;display:inline-flex}@media (max-width:1050px){.formGridFour{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.formGridFour{grid-template-columns:1fr}.inlineCreator{grid-template-columns:1fr 1fr}.inlineCreator input{grid-column:1/-1}.autoCodeField{flex-direction:column;align-items:flex-start}}.productCellLink{color:inherit;text-decoration:none}.productCellLink:hover strong{color:#138f88}.tableActionCell{text-align:right;width:72px}.rowAction:hover{text-decoration:underline}.detailTitleRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detailGrid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;margin-bottom:16px;display:grid}.detailPanel{min-height:0}.detailList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.detailList>div{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;padding:14px}.detailList span,.detailList strong{display:block}.detailList span{color:var(--muted);margin-bottom:5px;font-size:11px}.detailList strong{font-size:14px}.detailDescription{border-top:1px solid var(--line);color:#536176;margin:18px 0 0;padding-top:16px;font-size:13px;line-height:1.6}.adjustmentPanel{align-self:start}.adjustmentForm{gap:14px;margin-top:18px;display:grid}.segmentedControl{background:#f2f5f8;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmentedControl button{color:#617086;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px;font-weight:800}.segmentedControl button.active{color:#127d76;background:#fff;box-shadow:0 2px 8px #142d5014}.segmentedControl button.active.danger{color:#a03c35}.adjustmentTwoCols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.adjustmentButton{width:100%}.adjustmentButton:disabled{opacity:.6;cursor:wait}.adjustmentNote{text-align:center;color:var(--muted);margin:-5px 0 0;font-size:10px}.formSuccess{color:#17735d;background:#edfdf7;border:1px solid #b5e8d8;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:700}.inventoryByWarehouse,.movementPanel{margin-bottom:16px}.historyCount{color:var(--muted);font-size:11px;font-weight:700}.movementTable{min-width:980px}.movementIn{color:#16866f;font-weight:900}.movementOut{color:#b14940;font-weight:900}.editCostNotice{background:#f7f9fc;border:1px solid #dce5ee;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:-5px 0 18px;padding:12px 14px;display:grid}.editCostNotice span{color:var(--muted);font-size:11px}.editCostNotice strong{color:var(--navy);font-size:13px}.editCostNotice small{color:var(--muted);font-size:10px}@media (max-width:1050px){.detailGrid{grid-template-columns:1fr}}@media (max-width:700px){.detailList,.adjustmentTwoCols,.editCostNotice{grid-template-columns:1fr}}.selectionNotice{background:var(--accent-soft);color:#3e566b;border:1px solid #b6ece8;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:7px 10px 7px 12px;font-size:11px;display:inline-flex}.selectionNotice span{color:var(--muted)}.selectionNotice strong{color:#116f6a}.selectionNotice button{color:#116f6a;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.selectedStat{border-color:#8fe0da;box-shadow:0 0 0 2px #20c7bd14,0 10px 26px #142d500d}.selectionHelp{color:var(--muted);margin:7px 0 0;font-size:11px}.selectColumn{width:86px;text-align:center!important}.productSelector{color:#fff;cursor:pointer;background:#fff;border:1px solid #bac7d6;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:900;display:inline-grid}.productSelector.active{border-color:var(--accent);background:var(--accent)}.selectedProductRow{box-shadow:inset 4px 0 0 var(--accent);background:#f2fcfb!important}.productActionsCell{justify-content:flex-end;align-items:center;gap:12px;min-width:132px;display:flex}.rowDeleteAction{color:#b23e36;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.rowDeleteAction:hover{text-decoration:underline}.dangerOutline{color:#a53731;cursor:pointer;background:#fff6f5;border:1px solid #efb5b0;border-radius:12px;padding:11px 14px;font-weight:800}.modalBackdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08182f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.deleteModal{background:#fff;border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 28px 80px #091c3647}.deleteIcon{color:#b23e36;background:#fff0ef;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:16px;font-size:22px;font-weight:900;display:grid}.dangerEyebrow{color:#b23e36}.deleteModal h2{margin:6px 0 10px}.deleteDescription{color:#536176;font-size:13px;line-height:1.55}.deleteProtection{color:#805613;background:#fff9ed;border:1px solid #f2d5a7;border-radius:12px;margin:16px 0;padding:12px 13px;font-size:11px;line-height:1.5}.deleteConfirmField{margin-top:18px}.deleteConfirmField span strong{color:#a53731}.deleteModalActions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dangerButton{color:#fff;cursor:pointer;background:#b23e36;border:0;border-radius:12px;padding:12px 15px;font-weight:900}.dangerButton:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.selectionNotice{border-radius:14px}.selectColumn{width:64px}.deleteModalActions{flex-direction:column-reverse}.deleteModalActions>*{width:100%}}.utilityField{background:#f4fbfa;border:1px solid #dbe5ef;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:9px 14px;display:flex}.utilityField strong{color:#087f72;font-size:16px}.utilityField small{color:#64748b;font-size:11px}.utilityField.negative{background:#fff4f4;border-color:#f2c8c8}.utilityField.negative strong{color:#b42318}.utilityTableCell{white-space:nowrap}.utilityTableCell strong{color:#0f172a;display:block}.utilityTableCell span{color:#64748b;margin-top:3px;font-size:11px;display:block}.utilityBreakdown{gap:7px;min-width:155px;display:grid}.utilityBreakdownRow{grid-template-columns:68px 1fr;align-items:center;gap:8px;display:grid}.utilityBreakdownRow+.utilityBreakdownRow{border-top:1px solid #e6edf4;padding-top:7px}.utilityListName,.utilityPreviewLabel{background:#e9fbf9;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-weight:900;line-height:1;color:#087f72!important;font-size:10px!important;display:inline-flex!important}.utilityListName.wholesale,.utilityPreviewLabel.wholesale{background:#edf2ff;color:#3f5ea8!important}.utilityBreakdownRow strong{color:#0f172a;font-size:12px;display:block}.utilityBreakdownRow small{color:#64748b;margin-top:2px;font-size:10px;display:block}.utilityFieldDual{gap:0;padding:8px 12px}.utilityPreviewRow{grid-template-columns:82px 1fr;align-items:center;gap:10px;padding:6px 0;display:grid}.utilityPreviewRow+.utilityPreviewRow{border-top:1px solid #dcebe9}.utilityPreviewRow>div{min-width:0}.utilityPreviewRow strong{font-size:14px;display:block}.utilityPreviewRow small{margin-top:2px;display:block}.utilityPreviewRow.negativeLine strong,.utilityPreviewRow.negativeLine small{color:#b42318}.utilityDetailItem{min-height:92px}.utilityDetailLines{gap:6px;display:grid}.utilityDetailLines>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.utilityDetailLines b{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.utilityDetailLines strong{text-align:right;font-size:12px!important}@media (max-width:700px){.utilityBreakdownRow,.utilityPreviewRow{grid-template-columns:1fr}.utilityDetailLines>div{flex-direction:column;align-items:flex-start;gap:2px}.utilityDetailLines strong{text-align:left}}.customerTopbar{align-items:flex-start}.customerStats{margin-bottom:16px}.customersPanel{margin-bottom:24px}.customersToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding:20px;display:flex}.customerToolbarControls{align-items:center;gap:10px;display:flex}.customerToolbarControls select,.customerToolbarControls input{border:1px solid var(--line);min-height:40px;color:var(--navy);background:#fff;border-radius:11px;outline:none;padding:0 12px}.customerToolbarControls select{min-width:150px}.customerToolbarControls input{min-width:260px}.customerToolbarControls select:focus,.customerToolbarControls input:focus{border-color:#85dcd6;box-shadow:0 0 0 3px #20c7bd1a}.customersTable{min-width:1260px}.customerIdentity{color:inherit;align-items:center;gap:11px;min-width:230px;text-decoration:none;display:flex}.customerIdentity:hover strong{color:#138f88}.customerAvatar{background:var(--navy);color:#fff;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.customerIdentity strong,.customerIdentity span,.contactStack strong,.contactStack span{display:block}.customerIdentity strong{font-size:12px}.customerIdentity span,.contactStack span{color:var(--muted);margin-top:3px;font-size:10px}.contactStack strong{color:#17243a;font-size:11px}.customerDebt{color:#b14940}.customerForm{gap:16px;display:grid}.customerDetailTopbar{align-items:flex-start}.customerDetailStats{margin-bottom:16px}.receivableStat{background:snow;border-color:#f1c7c3}.dateStatValue{line-height:1.2;font-size:17px!important}.customerDetailGrid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px;display:grid}.customerDetailList{grid-template-columns:repeat(2,minmax(0,1fr))}.detailWideItem{grid-column:1/-1}.creditSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.creditSummary>div{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;padding:15px}.creditSummary span,.creditSummary strong{display:block}.creditSummary span{color:var(--muted);margin-bottom:5px;font-size:10px}.creditSummary strong{color:var(--navy);font-size:14px}.customerSalesPanel{margin-bottom:24px}.customerSalesTable{min-width:920px}.customerEmptySales{padding:34px 20px}@media (max-width:1050px){.customerDetailGrid{grid-template-columns:1fr}.customersToolbar{flex-direction:column;align-items:stretch}.customerToolbarControls{width:100%}.customerToolbarControls input{flex:1;min-width:0}}@media (max-width:700px){.customerToolbarControls{flex-direction:column;align-items:stretch}.customerToolbarControls select,.customerToolbarControls input{width:100%;min-width:0}.customerDetailList,.creditSummary{grid-template-columns:1fr}.detailWideItem{grid-column:auto}}.salesTopbar,.saleDetailTopbar{align-items:flex-end}.salesStats,.saleDetailStats{margin-bottom:16px}.salesPanel{min-height:0;padding:0;overflow:hidden}.salesToolbar{border-bottom:1px solid var(--line);padding:22px}.salesTable{min-width:1180px}.tableSubtext{color:var(--muted);margin-top:4px;font-size:10px;display:block}.saleForm{gap:16px;display:grid}.saleSetupPanel,.saleProductsPanel,.salePaymentPanel,.saleSummaryPanel{min-height:0}.saleSetupGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;display:grid}.customerCreditBox{background:#f1fbfa;border:1px solid #c9e9e6;border-radius:14px;min-height:76px;padding:13px 15px}.customerCreditBox span,.customerCreditBox strong,.customerCreditBox small{display:block}.customerCreditBox span{color:#4d6170;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.customerCreditBox strong{color:var(--navy);margin-top:5px;font-size:18px}.customerCreditBox small{color:var(--muted);margin-top:4px;font-size:10px}.addSaleProduct{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:16px;display:grid}.addSaleProduct select{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fbfcfe;border-radius:12px;outline:none;padding:0 13px}.saleItemsWrap{border:1px solid var(--line);border-radius:14px;overflow:auto}.saleItemsTable{min-width:900px}.quantityInput{border:1px solid var(--line);width:84px;color:var(--ink);background:#fbfcfe;border-radius:9px;padding:8px 9px}.saleEmptyCart{text-align:center;color:var(--muted);padding:28px;font-size:12px}.saleCheckoutGrid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);align-items:start;gap:16px;display:grid}.paymentTypeTabs{background:#f0f3f7;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;padding:4px;display:grid}.paymentTypeTabs button{color:#5f6d80;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px;font-weight:800}.paymentTypeTabs button.active{color:#087f72;background:#fff;box-shadow:0 2px 8px #0d224014}.paymentFields{margin-bottom:16px}.creditSaleFields{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);align-items:end;gap:16px;margin-bottom:16px;display:grid}.creditBalancePreview{background:#fff9f1;border:1px solid #f0d4b5;border-radius:13px;min-height:72px;padding:13px 15px}.creditBalancePreview span,.creditBalancePreview strong{display:block}.creditBalancePreview span{color:#8a6742;font-size:10px}.creditBalancePreview strong{color:#8c4f15;margin-top:5px;font-size:18px}.saleNotes{margin-top:4px}.saleSummaryPanel{position:sticky;top:20px}.saleSummaryLines{gap:0;margin-top:18px;display:grid}.saleSummaryLines>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.saleSummaryLines span{color:var(--muted);font-size:12px}.saleSummaryLines strong{font-size:13px}.utilitySummary strong{color:#16866f}.grandTotal{background:var(--navy);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:16px;display:flex}.grandTotal span{letter-spacing:.08em;font-size:11px;font-weight:900}.grandTotal strong{font-size:26px}.confirmSaleButton,.cancelSaleButton{width:100%;min-height:46px}.cancelSaleButton{margin-top:8px}.saleWarning{color:#835e1e;background:#fff8ea;border:1px solid #f3d8aa;border-radius:11px;margin-bottom:12px;padding:10px 12px;font-size:11px}.saleDetailGrid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;display:grid}.saleDetailItemsPanel{min-height:0;padding:0;overflow:hidden}.saleDetailItemsPanel .panelHeader{border-bottom:1px solid var(--line);padding:22px}.saleDetailItemsTable{min-width:760px}.saleStatusPanel{min-height:0}.saleStatusList{gap:12px;margin-top:18px;display:grid}.saleStatusList>div{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:12px}.saleStatusList span,.saleStatusList strong{display:block}.saleStatusList span{color:var(--muted);margin-bottom:4px;font-size:10px}.saleStatusList strong{font-size:12px}.saleDetailNotes{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.saleDetailNotes span{color:var(--muted);font-size:10px}.saleDetailNotes p{margin:6px 0 0;font-size:12px;line-height:1.5}@media (max-width:1100px){.saleSetupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.saleCheckoutGrid,.saleDetailGrid{grid-template-columns:1fr}.saleSummaryPanel{position:static}}@media (max-width:700px){.saleSetupGrid,.creditSaleFields,.addSaleProduct,.paymentTypeTabs{grid-template-columns:1fr}}.paymentPanel,.paymentHistoryPanel{margin-top:16px}.paymentOutstanding{color:#8b5b20;background:#fff9ef;border:1px solid #f1d8b6;border-radius:999px;align-self:center;padding:8px 12px;font-size:12px;font-weight:800}.paymentForm{gap:14px;max-width:880px;display:grid}.paymentAmountHero{background:#f8fbfc;border:1px solid #d8e6ed;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.paymentAmountHero span{color:var(--muted);font-size:12px;font-weight:700}.paymentAmountHero strong{color:#0e294d;font-size:22px}.paymentTwoCols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.paymentPreview{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.paymentSubmit{width:100%}.paymentHistoryTable{min-width:900px}.emptyState.compact{text-align:center;min-height:120px;color:var(--muted);place-content:center;gap:5px;display:grid}.emptyState.compact strong{color:#25364d}@media (max-width:760px){.paymentTwoCols,.paymentPreview{grid-template-columns:1fr}.paymentAmountHero{flex-direction:column;align-items:flex-start}}.receivablesTopbar{align-items:flex-end}.receivablesStats .statCard strong{font-size:25px}.overdueStat{background:snow;border-color:#f2c8c5}.overdueStat strong{color:#a33c35}.receivablesSuccess{margin-bottom:16px}.receivablesPanel{min-height:0;padding:0;overflow:hidden}.receivablesToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.receivablesToolbar h2{margin-top:5px}.receivablesSearch{width:min(330px,100%)}.receivablesFilters{border-bottom:1px solid var(--line);background:#fbfcfe;flex-wrap:wrap;gap:8px;padding:14px 22px;display:flex}.receivableFilter{color:#526176;cursor:pointer;background:#fff;border:1px solid #dce5ee;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.receivableFilter span{background:#eef2f6;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;font-size:9px;display:inline-grid}.receivableFilter.active{background:var(--accent-soft);color:#0e776f;border-color:#8cded8}.receivableFilter.active span{color:#0e776f;background:#fff}.receivablesTable{min-width:1120px}.receivablesTable td{vertical-align:middle}.receivableSaleLink{color:var(--navy);font-weight:900;text-decoration:none}.receivableSaleLink:hover{color:#138f88}.statusBadge.danger{color:#a33c35;background:#fff0ef}.overdueRow{background:snow!important}.overdueText{color:#a33c35;font-weight:800}.receivableActions{justify-content:flex-end;align-items:center;gap:10px;min-width:190px;display:flex}.quickPaymentButton{color:#0d7c74;cursor:pointer;white-space:nowrap;background:#eefcfb;border:1px solid #9edfd9;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900}.quickPaymentButton:hover{background:#dff8f5}.paymentModal{background:#fff;border-radius:20px;width:min(650px,100%);max-height:calc(100vh - 40px);padding:26px;overflow:auto;box-shadow:0 28px 80px #091c364d}.paymentModalHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.paymentModalHeader h2{margin:5px 0}.paymentModalHeader p{color:var(--muted);margin:0;font-size:12px}.modalClose{border:1px solid var(--line);color:#536176;cursor:pointer;background:#fff;border-radius:10px;width:36px;height:36px;font-size:22px}.paymentBalanceBox{background:#f8fafc;border:1px solid #dce5ee;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.paymentBalanceBox span{color:var(--muted);font-size:12px}.paymentBalanceBox strong{color:var(--navy);font-size:20px}.paymentModal .field{gap:7px;margin-bottom:14px;display:grid}.paymentModal .field>span{color:#415168;font-size:11px;font-weight:800}.paymentModal .field input,.paymentModal .field select,.paymentModal .field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5ee;border-radius:12px;outline:none;padding:12px 13px}.paymentModal .field input:focus,.paymentModal .field select:focus,.paymentModal .field textarea:focus{border-color:#68d7d0;box-shadow:0 0 0 3px #20c7bd14}.paymentModalGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paymentModal .moneyInput{background:#fff;border:1px solid #dce5ee;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.paymentModal .moneyInput:focus-within{border-color:#68d7d0;box-shadow:0 0 0 3px #20c7bd14}.paymentModal .moneyInput b{color:#64748b;background:#f8fafc;border-right:1px solid #dce5ee;place-items:center;min-width:44px;display:grid}.paymentModal .moneyInput input{border:0;border-radius:0;box-shadow:none!important}.paymentPreview{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.paymentPreview>div{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:12px 14px}.paymentPreview span,.paymentPreview strong{display:block}.paymentPreview span{color:var(--muted);margin-bottom:4px;font-size:10px}.paymentPreview strong{font-size:15px}.paymentModalActions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.paymentModalActions button:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.receivablesToolbar{flex-direction:column;align-items:stretch}.receivablesSearch{width:100%}.paymentModalGrid,.paymentPreview{grid-template-columns:1fr}.paymentModalActions{flex-direction:column-reverse}.paymentModalActions button{width:100%}}.saleDocumentsPanel{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:18px 20px;display:flex}.saleDocumentsPanel h2{margin:5px 0}.saleDocumentsPanel p{color:var(--muted);max-width:650px;margin:0;font-size:11px;line-height:1.5}.saleDocumentActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.saleDocumentActions .buttonLink{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.documentSettingsTopbar{align-items:flex-end}.documentSettingsForm{gap:16px;display:grid}.documentSettingsGrid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.documentSettingsMain{gap:16px;display:grid}.settingsCard{min-height:0}.settingsCard h2{margin:6px 0 5px}.settingsHelp{color:var(--muted);margin:0 0 16px;font-size:11px;line-height:1.55}.logoModeCards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.logoModeCard{border:1px solid var(--line);cursor:pointer;text-align:center;background:#fbfcfe;border-radius:14px;grid-template-rows:115px auto auto;align-items:center;gap:5px;min-height:190px;padding:16px;display:grid;position:relative}.logoModeCard.active{background:#f0fffd;border-color:#69d8d1;box-shadow:0 0 0 3px #20c7bd14}.logoModeCard input{accent-color:#14aaa3;position:absolute;top:12px;left:12px}.logoModeCard img{object-fit:contain;width:100%;height:110px}.logoModeCard strong{color:var(--navy);font-size:12px}.logoModeCard span{color:var(--muted);font-size:10px}.settingsUploadGrid,.businessSettingsGrid{grid-template-columns:1fr 1fr;gap:13px;margin-top:15px;display:grid}.documentSettingsForm .field{gap:7px;display:grid}.documentSettingsForm .field>span{color:#415168;font-size:11px;font-weight:800}.documentSettingsForm .field input,.documentSettingsForm .field textarea,.documentSettingsForm .field select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5ee;border-radius:12px;outline:none;padding:12px 13px}.documentSettingsForm .field input:focus,.documentSettingsForm .field textarea:focus{border-color:#68d7d0;box-shadow:0 0 0 3px #20c7bd14}.documentSettingsForm input[type=file]{background:#fbfcfe;padding:9px}.headerColorRow{grid-template-columns:180px minmax(0,240px);gap:13px;margin-bottom:14px;display:grid}.colorField input[type=color]{cursor:pointer;height:48px;padding:5px}.settingsSaveBar{justify-content:flex-end;display:flex}.settingsSaveBar .primary{min-width:220px}.documentPreview{min-height:0;position:sticky;top:20px}.documentPreview h2{margin:5px 0 16px}.miniInvoice{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 10px 28px #0c234412}.miniInvoiceHeader{color:#fff;grid-template-columns:72px 1fr 112px;align-items:center;gap:10px;min-height:120px;padding:14px;display:grid}.miniLogo{object-fit:contain;width:68px;height:86px}.miniLogo.isotype{width:58px;height:88px}.miniBusiness strong,.miniBusiness span,.miniDocument strong,.miniDocument span{display:block}.miniBusiness strong{font-size:13px}.miniBusiness span{opacity:.8;margin-top:4px;font-size:8px}.miniDocument{text-align:right}.miniDocument span{letter-spacing:.05em;opacity:.85;font-size:6.8px;font-weight:800}.miniDocument strong{margin-top:5px;font-size:16px}.miniInvoiceBody{padding:14px}.miniInfo{border:1px solid var(--line);border-radius:8px;flex-direction:column;width:calc(50% - 4px);margin-bottom:12px;padding:8px;display:inline-flex}.miniInfo+.miniInfo{margin-left:4px}.miniInfo strong{color:#14aaa3;text-transform:uppercase;font-size:7px}.miniInfo span{color:var(--navy);margin-top:3px;font-size:8.5px;font-weight:800}.miniLines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 2px;font-size:8px;display:flex}.miniLines strong{color:var(--navy)}.miniTotals{grid-template-columns:1fr auto;gap:4px 10px;width:72%;margin:10px 0 10px auto;font-size:8px;display:grid}.miniTotals span{color:var(--muted)}.miniTotals strong{color:var(--navy);text-align:right}.miniInvoiceBody p{border-top:1px solid var(--line);color:var(--muted);margin:10px 0 0;padding-top:8px;font-size:7.5px;line-height:1.45}@media (max-width:1180px){.documentSettingsGrid{grid-template-columns:1fr}.documentPreview{position:static}}@media (max-width:760px){.saleDocumentsPanel{flex-direction:column;align-items:stretch}.saleDocumentActions{justify-content:stretch}.saleDocumentActions .buttonLink{flex:140px}.logoModeCards,.settingsUploadGrid,.businessSettingsGrid,.headerColorRow{grid-template-columns:1fr}}.settingsTitleRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.designToolsGrid,.colorToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.rangeField>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.rangeField>span b{color:var(--navy);background:#eef4f8;border-radius:999px;padding:3px 7px;font-size:10px}.rangeControl{grid-template-columns:1fr 76px;align-items:center;gap:9px;display:grid}.documentSettingsForm .rangeControl input[type=range]{box-shadow:none;accent-color:#13aaa3;border:0;padding:0}.documentSettingsForm .rangeControl .rangeNumber{text-align:center;padding:9px 8px}.colorToolControl{grid-template-columns:58px 1fr;gap:8px;display:grid}.documentSettingsForm .colorToolControl input[type=color]{cursor:pointer;height:44px;padding:4px}.lineToolRow{max-width:480px}.designToolSections{gap:16px;margin-top:13px;display:grid}.designToolSections>div{background:#fbfcfe;border:1px solid #e3eaf1;border-radius:13px;padding:14px}.designToolSections h3{color:var(--navy);margin:0;font-size:12px}.advancedSaveBar{justify-content:space-between;align-items:center;gap:12px}.secondaryButton{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #d8e1ea;border-radius:11px;min-height:42px;padding:0 16px;font-weight:800}.advancedMiniInvoice{position:relative}.advancedMiniHeader{min-height:0;padding:0;display:block;position:relative;overflow:hidden}.floatingLogo,.floatingBusiness,.floatingDocument{position:absolute}.floatingLogo{object-fit:contain}.floatingBusiness{width:140px}.floatingBusiness strong,.floatingBusiness span{display:block}.floatingBusiness span{opacity:.82;margin-top:3px;font-size:7px}.floatingDocument{text-align:right;width:105px}.floatingDocument span,.floatingDocument strong{display:block}.floatingDocument span{letter-spacing:.04em;opacity:.88;font-weight:800}.floatingDocument strong{margin-top:4px}.advancedMiniBody{padding:14px}.previewLegend{color:var(--muted);flex-wrap:wrap;gap:10px;margin:12px 0 10px;font-size:9px;display:flex}.previewLegend span{align-items:center;gap:5px;display:inline-flex}.previewLegend i{border:1px solid #00000014;border-radius:3px;width:11px;height:11px;display:inline-block}@media (max-width:760px){.designToolsGrid,.colorToolsGrid{grid-template-columns:1fr}.advancedSaveBar{flex-direction:column-reverse;align-items:stretch}.advancedSaveBar button{width:100%}}.fontPickerGrid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:stretch;gap:14px;margin-top:14px;display:grid}.fontPickerField select{min-height:48px}.fontPreviewCard{background:#fbfcfe;border:1px solid #dce5ee;border-radius:13px;flex-direction:column;justify-content:center;min-height:108px;padding:14px 16px;display:flex}.fontPreviewCard>span{color:#6b788a;text-transform:uppercase;letter-spacing:.08em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800}.fontPreviewCard strong{color:#10233f;margin-top:7px;font-size:18px;display:block}.fontPreviewCard p{color:#536176;margin:7px 0 0;font-size:11px;line-height:1.45}.fontAvailabilityNote{background:#f4fbfa;border:1px solid #d8e8e5;border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:10px 12px;display:flex}.fontAvailabilityNote strong{color:#0f766e;font-size:11px}.fontAvailabilityNote span{color:#64748b;font-size:10px;line-height:1.45}@media (max-width:760px){.fontPickerGrid{grid-template-columns:1fr}}.invoicesTopbar{align-items:flex-end}.invoiceStats .statCard strong{font-size:24px}.invoicesPanel{min-height:0;padding:0;overflow:hidden}.invoicesToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.invoicesToolbar h2{margin-top:5px}.invoiceSearchForm{gap:8px;width:min(470px,100%);display:flex}.invoiceSearchForm input{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;outline:none;flex:1;min-width:0;padding:11px 13px}.invoiceSearchForm input:focus{background:#fff;border-color:#85dcd6;box-shadow:0 0 0 3px #20c7bd14}.invoiceFilters{border-bottom:1px solid var(--line);background:#fbfcfe;flex-wrap:wrap;gap:8px;padding:14px 22px;display:flex}.invoiceFilter{color:#526176;background:#fff;border:1px solid #dce5ee;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;text-decoration:none}.invoiceFilter.active{background:var(--accent-soft);color:#0e776f;border-color:#8cded8}.invoicesTable{min-width:1080px}.invoiceActionsCell{justify-content:flex-end;align-items:center;gap:12px;min-width:100px;display:flex}.rowAction{color:#0b8179;font-size:12px;font-weight:900;text-decoration:none}.rowAction:hover{color:#075f59}.statusBadge.neutral{color:#536176;background:#eef2f6}.positiveText{color:#0d8a77}.customerDebt{color:#b45309;font-weight:800}.customerNoDebt{color:#0d8a77}.invoiceDocumentPanel{justify-content:space-between;align-items:center;gap:24px;min-height:0;margin-bottom:16px;display:flex}.invoiceDocumentPanel h2{margin:5px 0}.invoiceDocumentPanel p{color:var(--muted);margin:0;font-size:12px}.invoiceDetailStats .statCard strong{font-size:25px}.invoiceStatusHero{font-size:21px!important}.invoiceDetailGrid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.invoiceInfoPanel,.invoiceQuickActionsPanel{min-height:0}.invoiceInfoList{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.invoiceInfoList>div{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:13px 14px}.invoiceInfoList span,.invoiceInfoList strong{display:block}.invoiceInfoList span{color:var(--muted);margin-bottom:5px;font-size:10px}.invoiceInfoList strong{font-size:13px}.invoiceQuickActions{gap:9px;margin-top:18px;display:grid}.invoiceQuickActions .buttonLink{min-height:42px}.invoiceNumberingLayout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);align-items:start;gap:16px;display:grid}.invoiceNumberingPanel,.invoiceNumberingHelp{min-height:0}.invoiceNumberingGrid small,.invoiceNumberingHelp p{color:var(--muted);font-size:11px;line-height:1.5}.invoiceNumberPreview{background:#f0fffd;border:1px solid #b8e7e2;border-radius:14px;flex-direction:column;justify-content:center;padding:15px;display:flex}.invoiceNumberPreview span{color:#557166;font-size:11px;font-weight:800}.invoiceNumberPreview strong{color:#0d6d66;margin:6px 0;font-size:24px}.invoiceNumberPreview small{color:#67817b;font-size:10px}.invoiceNumberingActions{margin-top:20px;padding-bottom:0}.formSuccess{color:#0a6f61;background:#ecfff9;border:1px solid #a8e5d8;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:12px;font-weight:800}.numberingExample{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:20px 0;display:grid}.numberingExample>div:not(.numberArrow){border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:12px}.numberingExample span,.numberingExample strong{display:block}.numberingExample span{color:var(--muted);margin-bottom:4px;font-size:9px}.numberingExample strong{font-size:14px}.numberArrow{color:var(--accent);font-weight:900}@media (max-width:900px){.invoiceDetailGrid,.invoiceNumberingLayout{grid-template-columns:1fr}.invoiceDocumentPanel{flex-direction:column;align-items:flex-start}.invoiceSearchForm{width:100%}.invoicesToolbar{flex-direction:column;align-items:stretch}}@media (max-width:640px){.invoiceInfoList{grid-template-columns:1fr}.invoiceSearchForm{flex-direction:column}.invoiceSearchForm button{width:100%}}.periodStats{grid-template-columns:repeat(3,minmax(0,1fr))}.periodCard{position:relative;overflow:hidden}.periodCard:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.periodCard strong{color:var(--navy)}.salesFinanceStats{margin-top:0}.invoiceFinanceStats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}@media (max-width:1000px){.periodStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.periodStats{grid-template-columns:1fr}.invoiceFinanceStats{grid-template-columns:1fr 1fr}}@media (max-width:520px){.invoiceFinanceStats{grid-template-columns:1fr}}.quotesTopbar{align-items:flex-end}.quoteStats{grid-template-columns:repeat(4,minmax(0,1fr))}.quoteStats .statCard strong{font-size:22px}.quotesPanel{min-height:0;padding:0;overflow:hidden}.quotesTable{min-width:980px}.quoteInfoBanner,.quoteConversionBanner{color:#285f5b;background:#f0fffc;border:1px solid #aee5df;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:13px 15px;display:flex}.quoteInfoBanner strong,.quoteInfoBanner span,.quoteConversionBanner strong,.quoteConversionBanner span{display:block}.quoteInfoBanner strong,.quoteConversionBanner strong{color:#0c6f67;font-size:12px}.quoteInfoBanner span,.quoteConversionBanner span{color:#637b78;margin-top:3px;font-size:10px}.quoteConversionBanner a{color:#0b8179;white-space:nowrap;font-size:11px;font-weight:900}.quoteCheckoutGrid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start;gap:16px;display:grid}.quoteDetailTopbar{align-items:flex-end}.quoteDetailStats{grid-template-columns:repeat(3,minmax(0,1fr))}.quoteStatusHero{font-size:14px!important}.quoteDateValue{font-size:17px!important}.quoteDetailGrid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px;display:grid}.quoteClientPanel,.quoteActionsPanel,.quoteItemsPanel{min-height:0}.quoteActionHelp{color:var(--muted);margin:8px 0 15px;font-size:11px;line-height:1.55}.quoteStatusActions{gap:10px;display:grid}.quoteStatusButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quoteStatusButtons button{min-height:40px}.dangerButton{color:#b42318!important;background:#fff8f7!important;border-color:#f3c5c1!important}.quotesItemsTable{min-width:780px}.quoteItemsPanel .formSectionHeading>strong{color:var(--navy);font-size:20px}.quoteNotesBox{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;margin-top:16px;padding:14px 16px}.quoteNotesBox span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900;display:block}.quoteNotesBox p{color:#38465a;white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.6}@media (max-width:1100px){.quoteStats{grid-template-columns:repeat(2,minmax(0,1fr))}.quoteDetailGrid,.quoteCheckoutGrid{grid-template-columns:1fr}}@media (max-width:760px){.quoteStats,.quoteDetailStats,.quoteStatusButtons{grid-template-columns:1fr}.quoteInfoBanner,.quoteConversionBanner{flex-direction:column;align-items:flex-start}}