#app .sales-finance{--sf-line:#456972;--sf-muted:#b8d4d6;font-variant-numeric:tabular-nums}
.sales-finance .finance-head>div{flex:1;min-width:200px}
.sales-finance .sf-overview{display:flex;flex-wrap:wrap;gap:20px 48px;margin:24px 0}
.sales-finance .sf-overview>div{min-width:150px}
.sales-finance dt{color:var(--sf-muted);font-size:.9rem}
.sales-finance dd{margin:7px 0 0;font-size:clamp(23px,2vw,30px);font-weight:650;line-height:1.25}
.sales-finance .sf-cost{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px 0;border-block:1px solid var(--sf-line)}
.sales-finance .sf-cost label{display:grid;gap:6px}
.sales-finance .sf-cost input{width:220px;border:1px solid #668187;border-radius:5px;padding:8px;color:#edf7f5;background:#102b35;color-scheme:dark}
.sales-finance .sf-cost span{padding:8px 0;color:var(--sf-muted);font-size:.9rem}
.sales-finance .sf-results{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0 32px}
#app .sales-finance .sf-result h3{font-size:1rem;font-weight:500}
.sales-finance .sf-result>strong{display:block;font-size:clamp(23px,2.5vw,34px);line-height:1.3;margin:8px 0}
.sales-finance .sf-result p{margin:0;font-size:.85rem;color:var(--sf-muted)}
.sales-finance .sf-result small{display:block;margin-top:6px}
#app .sales-finance .sf-positive,.order-payments .sf-positive{color:#98ead8}
#app .sales-finance .sf-negative,.order-payments .sf-negative{color:#ffc1b2}
.sales-finance .sf-table-scroll{overflow:auto;margin-top:16px}
.sales-finance table{width:100%;border-collapse:collapse;text-align:left;font-size:.87rem}
#app .sales-finance :is(th,td){padding:13px 10px;background:transparent;color:#e7f5f3;border-bottom:1px solid var(--sf-line);vertical-align:top}
#app .sales-finance th{color:var(--sf-muted);font-weight:500;white-space:nowrap;border-top:1px solid var(--sf-line)}
.sales-finance td small{display:block;color:var(--sf-muted);font-size:.8rem;line-height:1.7}
.sales-finance .sf-money{white-space:nowrap}
.sales-finance details{margin-top:7px;min-width:180px}
.sales-finance details summary{color:#98ead8;font-size:.83rem;font-weight:400}
.sales-finance .sf-receipts{list-style:none;padding:0;margin:8px 0;line-height:1.8;font-size:.8rem;white-space:nowrap}
#app .sales-finance .sf-empty{padding:28px 10px;color:var(--sf-muted)}
.order-payments{border-block:1px solid #52777e;margin:20px 0;padding:18px 0}
.order-payments h3{margin:0 0 14px}.order-payments h4{font-size:.95rem;margin:18px 0 8px}
.order-payments .receipt-totals{display:flex;gap:32px}.order-payments .receipt-totals span{color:#b7d5d6;font-size:.85rem}
.order-payments .receipt-totals strong{display:block;font-size:1.25rem;color:#eaf6f6;margin-top:5px}
.order-payments .receipt-plan{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}
.order-payments .receipt-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.order-payments .receipt-entry label{min-width:0}.order-payments .receipt-entry button{justify-self:start;grid-column:1/-1}
.order-payments .receipt-list{list-style:none;margin:0;padding:0}
.order-payments .receipt-list li{display:flex;align-items:center;gap:12px;border-top:1px solid #385963;padding:10px 0;font-size:.9rem}
.order-payments .receipt-list strong{flex:1;text-align:right}.order-payments p{font-size:.85rem;line-height:1.7}
@media(max-width:600px){.sales-finance .sf-results{grid-template-columns:1fr;gap:24px}.sales-finance .sf-overview{gap:20px}.sales-finance .sf-overview>div{min-width:120px}.order-payments .receipt-entry{grid-template-columns:1fr}}

.fl-modal .order-payments h3,.fl-modal .order-payments h4{color:#eaf6f6}

.sales-finance .sf-delete,.order-payments .sf-delete{color:#ffc2b5;border-color:#a76a60}

#app .sales-finance{--sf-line:#40586c;--sf-muted:var(--work-muted,#AEC3D6);color:var(--work-text,#E7F0FA);min-width:0}
.sales-finance .sf-completeness{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:10px 0;border-bottom:1px solid var(--sf-line)}
.sales-finance .sf-completeness span,.sales-finance .sf-overview small{color:var(--sf-muted);font-size:.86rem}
#app .sales-finance .sf-attention{color:#F3CD88}
.sales-finance .sf-overview{margin:16px 0;gap:12px 44px}
.sales-finance dd{font-size:clamp(21px,1.8vw,28px);margin-top:4px}
.sales-finance .sf-results{margin:16px 0;gap:18px 36px;padding-bottom:16px;border-bottom:1px solid var(--sf-line)}
.sales-finance .sf-result>strong{font-size:clamp(23px,2vw,30px);margin:5px 0}
.sales-finance .sf-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:24px}
.sales-finance .sf-section-head p{margin:0}
.sales-finance .sf-cost{padding:14px 0;gap:10px}
.sales-finance .sf-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sales-finance .sf-cost-grid .sf-cost{display:flex;flex-direction:column;align-items:stretch;border-bottom:0;min-width:0}
.sales-finance .sf-cost-grid .sf-cost input{width:100%;min-width:0;box-sizing:border-box}
.sales-finance .sf-cost-grid .sf-cost span{padding:0;font-size:.82rem}
.sales-finance .sf-cost-actions{display:flex;flex-wrap:wrap;gap:8px}
.sales-finance .sf-cost-actions button{padding:7px 10px;font-size:.84rem}
.sales-finance .sf-attention-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:12px 0;color:#F3CD88;border-block:1px solid var(--sf-line);margin:16px 0}
.sales-finance .sf-attention-row span{font-size:.86rem}
.sales-finance a{color:var(--work-accent,#76DECE);text-underline-offset:3px}
.sales-finance .sf-detail-section{padding:9px 0;min-width:0}
.sales-finance .sf-detail-section summary{font-size:.95rem;font-weight:600}
.sales-finance .sf-ledger-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:12px}
.sales-finance .sf-filters{display:flex;flex-wrap:wrap;gap:6px}
.sales-finance .sf-ledger-tools>span{color:var(--sf-muted);font-size:.85rem}
.sales-finance .sf-filters button{padding:7px 11px;font-size:.85rem}
.sales-finance .sf-table-scroll{margin-top:10px}
#app .sales-finance :is(th,td){padding:10px;color:var(--work-text,#E7F0FA)}
.sales-finance .sf-definition{font-size:.85rem;line-height:1.65}
.sales-finance :is(input,button,a,summary):focus-visible{outline:2px solid var(--work-accent,#76DECE);outline-offset:3px}
.sales-finance input::placeholder{color:var(--sf-muted);opacity:1}
@media(max-width:700px){
 .sales-finance .sf-cost-grid{grid-template-columns:1fr;gap:0}
 .sales-finance .sf-cost-grid .sf-cost{display:grid;grid-template-columns:1fr auto;align-items:end}
 .sales-finance .sf-cost-grid .sf-cost label{grid-column:1/-1}
 .sales-finance .sf-results{grid-template-columns:1fr;gap:16px}
 .sales-finance .sf-table-scroll{overflow:visible}
 .sales-finance table,.sales-finance tbody,.sales-finance tr{display:block;width:100%}
 .sales-finance thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .sales-finance tbody tr{padding:12px 0;border-top:1px solid var(--sf-line)}
 #app .sales-finance td{display:grid;grid-template-columns:116px minmax(0,1fr);gap:0 10px;padding:5px 0;border:0;white-space:normal;overflow-wrap:anywhere}
 .sales-finance td::before{content:attr(data-label);color:var(--sf-muted);font-size:.82rem;grid-column:1;grid-row:1/10}
 .sales-finance td>*{grid-column:2}
 .sales-finance td.sf-empty{display:block;padding:12px 0}
 .sales-finance td.sf-empty::before{display:none}
 .sales-finance details{min-width:0}
 .sales-finance .sf-receipts{white-space:normal}
 .sales-finance .sf-cost input{max-width:100%}
}