:root{--sale-modal-width:660px;--sale-modal-top:10px;--sale-panel:#f5f6f9;--sale-blue:#29a9eb;--sale-field-height:36px;--sale-label-bg:#eee;--sale-modal-radius:6px}
dialog:has(#lead-sale-form){width:min(var(--sale-modal-width),calc(100vw - var(--space-5)));margin:var(--sale-modal-top) auto auto;border-radius:var(--sale-modal-radius)}
#lead-sale-form .modalhead,#lead-sale-form .modalfoot{background:var(--sale-panel);padding:var(--space-4)}
#lead-sale-form .modalbody{padding:var(--space-4);display:grid;gap:var(--space-4)}
#lead-sale-form .sale-date,#lead-sale-form .sale-amount{display:flex;align-items:stretch;border:var(--border) solid var(--line)}
#lead-sale-form .sale-date span,#lead-sale-form .sale-amount span{padding:var(--space-2) var(--space-3);background:var(--sale-label-bg);white-space:nowrap}
#lead-sale-form input:not([type=radio]){border:0;border-radius:0;min-width:0;width:100%;min-height:var(--sale-field-height);padding:var(--space-2) var(--space-3)}
#lead-sale-form .checklabel{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);font-size:var(--font-sm)}
#lead-sale-form input[type=radio]{width:14px;height:14px;min-height:0;flex:0 0 14px;margin:0;padding:0;accent-color:var(--sale-blue)}
#lead-sale-form .primary{background:var(--sale-blue);border-color:var(--sale-blue);color:var(--surface);border-radius:0}
.modalfoot:has([data-action=mark-lead-sale]){flex-wrap:wrap}