.dir-multi{position:relative;min-width:190px;max-width:100%;}
.dir-multi summary{padding:12px 16px;border:1.5px solid #e9e3d9;border-radius:var(--pill);background:#fff;cursor:pointer;font-weight:700;font-size:14px;}
.dir-multi summary:focus-visible,.filter-panel button:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px;}
.filter-panel{position:absolute;top:100%;left:0;z-index:60;width:280px;max-width:calc(100vw - 48px);max-height:360px;overflow:auto;padding:12px;background:#fff;border:1px solid #e9e3d9;border-radius:16px;box-shadow:0 8px 24px #0002;}
.filter-panel label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;}
.filter-panel input{width:18px;height:18px;accent-color:var(--brand-coral);}
.filter-panel small{margin-left:auto;color:var(--text-muted);}
.filter-panel button,.active-filters button{min-height:44px;padding:8px 12px;border:1px solid #e9e3d9;border-radius:var(--pill);background:#fff;color:var(--ink);font:inherit;cursor:pointer;}
.filter-actions{display:flex;gap:8px;margin-bottom:8px;}
.filter-hint{font-size:12px;color:var(--text-muted);margin:8px 0;}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 20px 16px;}
.dir-done{display:none;}
@media(max-width:900px){.dir-multi{width:100%;}.filter-panel{position:static;width:100%;max-width:none;box-sizing:border-box;box-shadow:none;margin-top:8px;}.dir-done{display:block;margin:8px auto 16px;min-height:44px;}.dir-search{font-size:16px;}}