/* Compact mobile fleet filter; desktop remains a sidebar. */
.fleet-filter-shell{position:sticky;top:calc(var(--header-height) + 16px);align-self:start;min-width:0}
.fleet-filter-shell .fleet__filters{position:static}
.fleet-filter-toggle,.fleet-filter-done{display:none}
.fleet-filter-shell .fleet__filters[hidden]{display:none}
@media(max-width:960px){
 .fleet-filter-shell{position:static}
 .fleet-filter-shell.is-enhanced{position:sticky;top:calc(var(--header-height) + 8px);z-index:15}
 .fleet-filter-shell:not(.is-enhanced) .fleet__filters{max-height:none;overflow:visible}
 .is-enhanced .fleet-filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;cursor:pointer;box-shadow:0 4px 16px rgba(36,35,74,.08)}
 #fleet-filter-result{font-size:14px;color:var(--muted);margin-left:auto}
 .is-enhanced .fleet__filters{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:calc(100dvh - var(--header-height) - 96px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 24px rgba(36,35,74,.16);padding:16px;gap:16px}
 .is-enhanced .fleet-filter-done{display:block;grid-column:1/-1;min-height:48px;padding:12px 16px;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-control);font:inherit;cursor:pointer}
 .fleet-filter-toggle:focus-visible,.fleet-filter-done:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
 .is-open .fleet-filter-toggle>span:last-child{transform:rotate(180deg)}
}