:root{--deal-filter-width:400px;--deal-filter-head:94px;--deal-filter-foot:89px;--deal-filter-font:16px;--deal-filter-control:40px;--deal-filter-title:16px;--deal-filter-radius:12px}
#modal:has(#deal-filter-form){position:fixed;inset:0 0 0 auto;margin:0;width:var(--deal-filter-width);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:0;border:0;color:var(--sales-ink)}
#modal:has(#deal-filter-form)::backdrop{background:var(--sales-backdrop);backdrop-filter:none}
#deal-filter-form{display:flex;flex-direction:column;height:100%;font-size:var(--deal-filter-font)}
#deal-filter-form>header{display:flex;justify-content:space-between;align-items:center;min-height:var(--deal-filter-head);padding:var(--space-6);border-bottom:var(--border) solid var(--sales-border)}
#deal-filter-form h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--deal-filter-title)}#deal-filter-count{font-size:var(--font-sm);background:var(--bg);border-radius:var(--radius);padding:0 var(--space-2)}
.deal-filter-body{flex:1;overflow:auto;padding:var(--space-6);min-height:0}
#deal-filter-form>footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-6);min-height:var(--deal-filter-foot);border-top:var(--border) solid var(--sales-border)}
#deal-filter-form>footer>button{font-size:var(--deal-filter-font);height:var(--deal-filter-control);white-space:nowrap;border-radius:var(--deal-filter-radius)}
#deal-filter-form .field,#deal-filter-form .report-filter-field,.deal-empty-fields,.deal-filter-value{margin-bottom:var(--space-6)}
#deal-filter-form .field>span,#deal-filter-form .report-filter-field>span,.deal-filter-value legend{font-weight:700;font-size:var(--deal-filter-font);line-height:var(--space-6)}
#deal-filter-form input:not([type=checkbox]),#deal-filter-form select,#deal-filter-form .report-filter-choice>summary{height:var(--deal-filter-control);min-height:var(--deal-filter-control);border-radius:var(--deal-filter-radius);font-size:var(--deal-filter-font);width:100%;font-weight:400}
#deal-filter-form .checklabel{font-size:var(--deal-filter-font);line-height:var(--space-6);font-weight:400;margin-bottom:var(--space-4);gap:var(--space-2);align-items:flex-start;flex-wrap:wrap}#deal-filter-form .checklabel input{flex-shrink:0;margin-top:var(--space-1)}#deal-filter-form small{font-size:var(--font-xs);color:var(--muted)}
.deal-filter-value{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);border:0;padding:0;min-width:0}.deal-filter-value legend{margin-bottom:var(--space-2)}#deal-filter-form .deal-filter-value .field{margin:0;min-width:0}.deal-filter-value .field>span{position:absolute;width:var(--border);height:var(--border);overflow:hidden;clip-path:inset(50%)}
.deal-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.deal-filter-range[hidden]{display:none}.deal-filter-range .field{min-width:0}
.deal-filter-subtitle{font-weight:700;margin-bottom:var(--space-6)}.deal-empty-fields summary,.deal-filter-more summary{cursor:pointer;font-weight:700;margin-bottom:var(--space-4)}
.deal-presets-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6)}.deal-presets-row select{min-width:0;flex:1}.deal-presets-row button{flex-shrink:0;padding:var(--space-2);height:var(--deal-filter-control)}#deal-preset-editor{margin-bottom:var(--space-6)}#deal-preset-notice{font-size:var(--font-sm);margin-bottom:var(--space-3)}
#deal-filter-form .report-filter-choice-list{max-height:var(--sales-card-height);overflow:auto}.deal-filter-body .formerror:not(:empty){position:sticky;bottom:0;background:var(--danger-soft);padding:var(--space-3);border-radius:var(--radius-sm)}

#modal:has(#deal-filter-form){overflow:hidden}
#deal-filter-form .checklabel{display:block}#deal-filter-form .checklabel input{display:inline-block;width:var(--space-4);height:var(--space-4);margin:0 var(--space-2) 0 0;vertical-align:text-top}

:root{--deal-filter-button-dark:hsl(var(--brand-h) 100% 17.5%);--deal-filter-button-text:hsl(var(--brand-h) 100% 46.5%);--deal-filter-button-light:hsl(var(--brand-h) 90% 84.5%)}
#deal-filter-form>footer>button:first-child{background:var(--deal-filter-button-light);color:var(--link);border-color:var(--deal-filter-button-light)}#deal-filter-form>footer>.primary{background:var(--deal-filter-button-dark);color:var(--deal-filter-button-text);border-color:var(--deal-filter-button-dark)}