/* 4AB shared filter panel (filt.js) — left sidebar of dropdown groups, result summary, chips, errors */
.flt-wrap{display:grid;grid-template-columns:272px minmax(0,1fr);gap:18px;align-items:start}
.flt{position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid var(--sl-line,#E3E9F3);border-radius:16px;padding:6px 0 10px;box-shadow:var(--sl-shadow,0 1px 2px rgba(0,0,0,.06))}
.flt-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid var(--sl-line,#E3E9F3);font:700 15px var(--sl-serif,Georgia,serif);color:var(--sl-navy,#0F2039)}
.flt-reset{border:1px solid var(--sl-line,#E3E9F3);background:#fff;color:var(--sl-navy,#0F2039);border-radius:999px;padding:5px 11px;font:600 12px var(--sl-ui,system-ui,sans-serif);cursor:pointer}
.flt-reset:hover{border-color:var(--sl-navy,#0F2039)}
.flt-g{border-bottom:1px solid var(--sl-line,#E3E9F3)}
.flt-g>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;font:700 13.5px var(--sl-ui,system-ui,sans-serif);color:var(--sl-ink,#1c2130);min-height:40px}
.flt-g>summary::-webkit-details-marker{display:none}
.flt-g>summary::after{content:"";margin-left:auto;width:8px;height:8px;border:solid var(--sl-muted,#5F6F87);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s;flex:none}
.flt-g[open]>summary::after{transform:rotate(-135deg)}
.flt-on{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d99a00}
.flt-gb{padding:2px 14px 12px;display:grid;gap:10px}
.flt-f{display:grid;gap:5px;font:13px var(--sl-ui,system-ui,sans-serif);color:var(--sl-ink,#1c2130)}
.flt-l{font-weight:600;font-size:12.5px;color:var(--sl-muted,#5F6F87)}.flt-l small{font-weight:400;font-size:11.5px}
.flt-f input[type=search],.flt-f input[type=text],.flt-f input[type=number],.flt-f select,.flt-gb select{width:100%;box-sizing:border-box;font:13.5px var(--sl-ui,system-ui,sans-serif);padding:7px 9px;border:1px solid var(--sl-line,#E3E9F3);border-radius:9px;background:#fff;color:var(--sl-ink,#1c2130);min-height:36px}
.flt-f input:focus,.flt-f select:focus{outline:2px solid var(--sl-navy,#0F2039);outline-offset:1px}
.flt-rng{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;color:var(--sl-muted,#5F6F87)}
.flt-chips{display:flex;flex-wrap:wrap;gap:4px}
.flt-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--sl-line,#E3E9F3);background:#fff;color:var(--sl-ink,#1c2130);border-radius:999px;padding:3px 9px;font:600 12px var(--sl-ui,system-ui,sans-serif);cursor:pointer;min-height:26px}
.flt-chip input{position:absolute;opacity:0;width:0;height:0}
.flt-chip i{font-style:normal;color:var(--sl-muted,#5F6F87);font-weight:500}
.flt-chip.on{background:var(--sl-navy,#0F2039);border-color:var(--sl-navy,#0F2039);color:#fff}.flt-chip.on i{color:#C9D6EA}
.flt-seg{display:flex;flex-wrap:wrap;gap:3px}
.flt-seg button{border:1px solid var(--sl-line,#E3E9F3);background:#fff;color:var(--sl-ink,#1c2130);border-radius:8px;padding:4px 9px;font:600 12px var(--sl-ui,system-ui,sans-serif);cursor:pointer;min-height:28px}
.flt-seg button[aria-pressed=true]{background:var(--sl-navy,#0F2039);border-color:var(--sl-navy,#0F2039);color:#fff}
.flt-doc .flt-gb{font:12.5px/1.5 var(--sl-ui,system-ui,sans-serif);color:var(--sl-muted,#5F6F87)}.flt-doc dt{font-weight:700;color:var(--sl-ink,#1c2130);margin-top:6px}.flt-doc dd{margin:0}
.flt-top{display:grid;gap:8px;margin:0 0 12px}
.flt-sum{font:14px var(--sl-ui,system-ui,sans-serif);color:var(--sl-muted,#5F6F87)}.flt-sum b{color:var(--sl-navy,#0F2039);font-size:16px}
.flt-chipsrow{display:flex;flex-wrap:wrap;gap:6px}
.flt-act{border:1px solid #D9B65A;background:#FFF7E0;color:#5a4300;border-radius:999px;padding:4px 10px;font:600 12px var(--sl-ui,system-ui,sans-serif);cursor:pointer}
.flt-err{background:#FFF1F0;border:1px solid #F3B1AE;color:#8a1f1a;border-radius:12px;padding:10px 14px;font:13.5px/1.5 var(--sl-ui,system-ui,sans-serif)}.flt-err ul{margin:4px 0 0;padding-left:18px}
.flt-empty{background:#F4F7FC;border:1px solid var(--sl-line,#E3E9F3);border-radius:12px;padding:12px 14px;font:14px/1.5 var(--sl-ui,system-ui,sans-serif);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flt-pg{display:flex;align-items:center;gap:10px;font:13px var(--sl-ui,system-ui,sans-serif);color:var(--sl-muted,#5F6F87)}
.flt-pg button{border:1px solid var(--sl-line,#E3E9F3);background:#fff;color:var(--sl-navy,#0F2039);border-radius:999px;padding:6px 12px;font:600 13px var(--sl-ui,system-ui,sans-serif);cursor:pointer}
.flt-blocked{font:12.5px/1.5 var(--sl-ui,system-ui,sans-serif);color:var(--sl-muted,#5F6F87);margin-top:14px}
@media (max-width:900px){.flt-wrap{grid-template-columns:minmax(0,1fr)}.flt{position:static;max-height:none}.flt-g:not([open])>.flt-gb{display:none}}

/* a filtered-out row/card must disappear whatever its display type */
[data-f][hidden]{display:none!important}

/* dropdown multi-select (long option lists) */
.flt-dd{position:relative}
.flt-dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;border:1px solid var(--sl-line,#E3E9F3);border-radius:9px;background:#fff;font:13.5px var(--sl-ui,system-ui,sans-serif);color:var(--sl-ink,#1c2130)}
.flt-dd>summary::-webkit-details-marker{display:none}
.flt-dd>summary::after{content:"";margin-left:auto;width:7px;height:7px;border:solid var(--sl-muted,#5F6F87);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none}
.flt-dd[open]>summary{border-color:var(--sl-navy,#0F2039)}
.flt-ddl{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--sl-line,#E3E9F3);border-radius:10px;box-shadow:0 10px 30px -12px rgba(15,32,57,.35);padding:8px}
.flt-ddq{width:100%;box-sizing:border-box;font:13px var(--sl-ui,system-ui,sans-serif);padding:6px 8px;border:1px solid var(--sl-line,#E3E9F3);border-radius:8px;margin-bottom:6px}
.flt-ddi{display:flex;flex-wrap:wrap;gap:4px;max-height:240px;overflow:auto}
.flt-ddi .flt-chip[hidden]{display:none}