/* Sales: readable costs, filter-aware totals and shared design commissions. */
.sales-toolbar{align-items:flex-end;gap:12px}
.sales-toolbar .search-field{min-width:230px;flex:1 1 290px}
.sales-toolbar .search-field,.sales-toolbar>.button{margin-bottom:0}
.sales-date-filter{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;font-size:12px;color:var(--muted,#77736c);font-weight:600}
.sales-date-filter input,.sales-date-filter select{min-height:42px;box-sizing:border-box}
.sales-table{min-width:1400px}
.sales-table thead th{vertical-align:bottom;white-space:nowrap}
.sales-table thead th small{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted,#77736c);font-weight:500;text-transform:none;letter-spacing:0}
.sales-table tbody td{vertical-align:middle}
.sales-table .table-title-cell{min-width:190px;max-width:300px}
.sales-table .table-title-cell .truncate{max-width:270px;display:block}
.sales-designers-cell{min-width:170px}
.sales-designers-cell>span{display:block}
.sales-designers-cell>span+span{margin-top:10px}
.sales-designers-cell strong,.sales-designers-cell small{display:block;line-height:1.5}
.sales-designers-cell strong{font-size:12px;font-weight:600}
.sales-designers-cell small{white-space:nowrap;font-size:10px;color:var(--muted,#77736c)}
.sales-table .num{white-space:nowrap}
.sales-legacy-note{display:block;font-size:10px;color:var(--muted,#77736c);margin-top:5px}
.sales-table tfoot th,.sales-table tfoot td{padding:17px 16px;border-top:1px solid var(--line,#e6e1d8);font-size:12px;font-variant-numeric:tabular-nums}
.sales-table tfoot th{text-align:left;white-space:normal;line-height:1.5}
.sales-table tfoot th small{display:block;font-size:11px;color:var(--muted,#77736c);font-weight:400}
.sales-table .sales-subtotal{background:#faf9f6;color:#68635a}
.sales-table .sales-total{background:#f2eee5;font-weight:700}
.sales-explanation{margin-top:20px}
.sales-note{margin:16px 0 0}
.sale-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.sale-section-heading>div{min-width:0}
.sale-section-heading .button{flex-shrink:0}
.sale-designer-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.sale-designer-row{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(145px,1fr) minmax(125px,.8fr);align-items:center;gap:16px;border:1px solid var(--line,#e6e1d8);border-radius:10px;padding:16px}
.sale-designer-choice{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}
.sale-designer-choice input{width:18px;height:18px;accent-color:#a48a59;margin:0;flex:0 0 auto}
.sale-designer-row .field{min-width:0;margin:0}
.sale-designer-row .field>span,.sale-designer-commission>span{font-size:11px;line-height:1.5}
.sale-designer-commission{display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums}
.sale-designer-commission>span,.sale-designer-commission small{color:var(--muted,#77736c)}
.sale-designer-commission strong{font-size:16px;white-space:nowrap;line-height:1.4}
.sale-designer-commission small{font-size:11px;line-height:1.5}
.sale-designer-balance{font-size:12px;line-height:1.6;margin:16px 0 0;color:#536a49}
.sale-designer-balance.negative{color:#a43c32}
.sale-editor input[readonly]{background:#f4f2ed;color:#655d4f;cursor:default}
.sale-designer-row input:disabled{background:#f7f7f5;color:#9b978f}
.sale-editor .summary-card dl>div{gap:12px}
.sale-editor .summary-card dd{white-space:nowrap}
.sale-editor .summary-card .total{align-items:flex-start;gap:12px}
.sale-editor .summary-card .total strong{white-space:nowrap}
.sale-legacy-warning{margin-bottom:20px}
@media(max-width:1100px){.sale-section-heading{flex-wrap:wrap}.sale-designer-row{grid-template-columns:minmax(90px,.7fr) minmax(130px,1fr) minmax(110px,.8fr);gap:12px;padding:14px}.sale-designer-commission strong{font-size:14px}}
@media(max-width:650px){.sales-toolbar{align-items:stretch}.sales-toolbar .search-field{flex-basis:100%;min-width:0}.sales-date-filter{flex:1 1 calc(50% - 12px);min-width:0}.sales-date-filter input,.sales-date-filter select{width:100%;min-width:0}.sales-toolbar>.button{align-self:flex-end}.sale-designer-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.sale-designer-choice{grid-column:1/-1}.sale-designer-commission{padding-top:6px}.sale-section-heading .button{width:100%;justify-content:center}.sale-editor .summary-card .total{flex-wrap:wrap}.sales-table tfoot th,.sales-table tfoot td{padding:14px 12px}}