.typed-filters{margin:12px 0;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}
.panel .typed-filters,.dialog .typed-filters{margin:0;border-width:0 0 1px;border-radius:0;background:var(--surface)}
.typed-filters summary{width:fit-content;padding:2px 0;color:var(--text-2);font-size:var(--text-sm);font-weight:600;cursor:pointer}
.typed-filters summary:hover{color:var(--accent)}.typed-filters p{font-size:var(--text-sm);margin:8px 0;color:var(--text-muted)}
.typed-filter-editor>label{display:flex;gap:12px;align-items:center}.typed-filter-rule{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(160px,2fr) auto;gap:8px;margin:10px 0;align-items:center}
.typed-filters input,.typed-filters select{width:100%;min-width:0;max-width:100%;font:inherit;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit}.typed-filter-editor>label select{width:auto}.typed-filters .row-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.typed-filter-rule{grid-template-columns:minmax(0,1fr) auto}.typed-filter-rule>[data-field],.typed-filter-rule>[data-op]{grid-column:1/-1}.typed-filter-editor>label{display:block}.typed-filter-editor>label select{width:100%}}