.formOptional>summary{cursor:pointer;font-weight:700;color:#224b3d;font-size:16px;padding:3px 0;list-style-position:inside}
.formOptional[open]>summary{margin-bottom:18px}
.formOptional>p{margin-top:12px}
#leadForm .formActions{position:sticky;bottom:0;z-index:5;background:#fff;border:1px solid #dce5df;border-radius:12px;padding:12px 16px;box-shadow:0 -3px 16px #183b2e0c;display:flex;align-items:center;gap:12px}
#leadSaveStatus{margin-right:auto;font-size:12px}
#leadForm .formCard{padding:20px}
#leadForm .formCard>label{margin-bottom:14px}
#leadForm .sellingRow{row-gap:8px;padding-bottom:12px;margin-bottom:12px}
#leadForm .sellingHint{font-size:12px;margin:4px 0 12px}
#leadForm .dateDisplay{cursor:pointer}
#leadForm .dateDisplay:disabled{cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b88422;outline-offset:3px}
@media(max-width:650px){#leadForm .formActions{flex-wrap:wrap;bottom:0}#leadSaveStatus{flex:1 0 100%}#leadForm .formCard{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#leadForm label:has(>.dateDisplay){position:relative}
#leadForm .calendarButton{position:absolute;right:1px;bottom:1px;margin:0;height:42px;width:42px;padding:8px;border:0;background:transparent}
#leadForm{padding-bottom:36px}
@media(max-width:650px){#leadForm .sellingRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#leadForm .sellingRow>label:first-child,#leadForm .sellingRow>label:nth-child(4){grid-column:1/-1}#leadForm .sellingRow>.lineTotal{grid-column:1;grid-row:auto}#leadForm .sellingRow>.compactRemove{grid-column:2;grid-row:auto}#leadForm .sellingDates{grid-column:1/-1}}