.crm-filter-toolbar{background:#fff;border:1px solid #dbe2ea;border-radius:.5rem;padding:.75rem;box-shadow:0 2px 6px #0f172a0a;container-type:inline-size}.crm-filter-row,.crm-filter-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.crm-filter-search{border:1px solid var(--border);background:#fff;border-radius:.55rem;flex:11rem;align-items:center;min-width:0;max-width:28rem;height:2.5rem;display:flex;box-shadow:0 1px 3px #0f172a1a}.crm-filter-search:focus-within{background:#fff;border-color:#64748b;box-shadow:0 0 0 2px #e2e8f0}.crm-filter-search input[type=search]{height:100%;box-shadow:none;background:0 0;border:0;outline:0;padding:0 .75rem 0 .5rem}.crm-filter-actions{justify-content:flex-end;margin-left:auto}.crm-filter-actions .form-select-trigger{min-width:8rem;height:2.5rem;box-shadow:none;border-radius:.55rem}.crm-filter-trigger{color:#334155;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.55rem;height:2.5rem;padding:0 .875rem;font-size:.875rem;font-weight:600}.crm-filter-trigger:hover,.crm-filter-trigger[aria-expanded=true]{background:#f1f5f9}.crm-filter-trigger[aria-expanded=true]{border-color:var(--border)}.crm-filter-trigger svg{color:currentColor}.crm-filter-reset,.crm-filter-close{color:#475569;border-radius:.45rem;padding:.45rem .6rem;font-size:.8125rem;font-weight:600}.crm-filter-reset:hover,.crm-filter-close:hover{background:#e9eef4}.crm-filter-panel-head{background:#f5f7fa;border-bottom:1px solid #dbe2ea;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.crm-filter-close{font-size:1.125rem;line-height:1}@container (max-width:40rem){.crm-filter-search{flex-basis:100%;max-width:none}.crm-filter-actions{justify-content:flex-start;width:100%}.crm-filter-actions .form-select-trigger{min-width:0}}@container (max-width:28rem){.crm-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crm-filter-actions>[role=group],.crm-filter-actions>:last-child:nth-child(odd){grid-column:1/-1}.crm-filter-actions .form-select-trigger,.crm-filter-actions .crm-filter-trigger{min-height:2.75rem;width:100%!important}.crm-filter-trigger{justify-content:center}}.crm-filter-fields label,.crm-filter-fields legend{color:#475569;font-size:.8125rem;font-weight:600;display:block}.crm-filter-fields :is(input,select){width:100%;min-width:0;font-weight:400}
