.sale-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;flex-wrap:wrap}
.sale-toolbar>div{display:flex;gap:9px;flex-wrap:wrap}
.sale-toolbar input,.sale-toolbar select{border:1px solid #e0ddd5;background:#fff;border-radius:9px;padding:12px;min-width:140px;max-width:280px}
.sale-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 20px}
.sale-metrics article{border:1px solid #e9e4d9;border-radius:13px;padding:18px;background:#fff}
.sale-metrics article:first-child{background:#fffced}.sale-metrics small{font-size:11px;color:#777;display:block;margin-bottom:12px}
.sale-metrics strong{font-size:23px;letter-spacing:-.5px;overflow-wrap:anywhere}
.sale-list tr[data-sale]{cursor:pointer}.sale-list tr[data-sale]:hover{background:#fff9f0}
.sale-notice{font-size:12px;background:#fff5dc;padding:10px;border-radius:8px}
.sale-overlay{position:fixed;inset:0;background:#0009;z-index:1001;display:grid;place-items:center;padding:20px;overflow-y:auto}
.sale-editor{background:#fff;border-radius:19px;padding:26px;max-width:840px;width:100%;max-height:94vh;overflow-y:auto}
.sale-edit-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.sale-edit-head h2{font-size:23px}
.sale-edit-head button{background:transparent;border:0;font-size:26px;cursor:pointer}
.sale-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sale-form-grid label{font-size:11px;font-weight:700;color:#5d5b58;display:grid;gap:6px}
.sale-form-grid input,.sale-form-grid select,.sale-form-grid textarea{border:1px solid #dfddd7;border-radius:9px;padding:12px;font:inherit;color:#202020;min-width:0;background:#fff}
.sale-form-grid .sale-wide{grid-column:1/-1}
.sale-form-grid .sale-commission>span{display:flex;align-items:center;gap:8px;font-size:13px;color:#222}
.sale-form-grid .sale-commission input[type=checkbox],.sale-form-grid .sale-managers input[type=checkbox]{width:16px;height:16px;min-width:16px;accent-color:#ed5432}
.sale-form-grid fieldset.sale-wide{border:1px solid #dfddd7;border-radius:9px;padding:12px;min-width:0}
.sale-form-grid fieldset.sale-wide legend{font-weight:700;color:#5d5b58}
.sale-managers{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:12px}
.sale-form-grid .sale-managers label{display:flex;align-items:center;gap:6px;font-size:12px}
.sale-intermediary-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;gap:8px;margin:10px 0}
#saleInflationPreview{font-weight:700;color:#322f2b;margin:12px 0 0}
@media(max-width:600px){.sale-intermediary-row{grid-template-columns:1fr}}
.sale-edit-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px}.sale-edit-foot small{font-size:11px;color:#888;max-width:410px}
.sale-edit-foot>div{display:flex;gap:9px}
@media(max-width:850px){.sale-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-edit-foot{flex-direction:column;align-items:stretch}}
@media(max-width:550px){.sale-form-grid{grid-template-columns:1fr}.sale-metrics strong{font-size:19px}}
