.hub-filter{position:relative}.hub-filter-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .9rem;background:var(--hub-glass,var(--theme-surface,#fff));border:1px solid var(--hub-glass-border,var(--theme-border,rgba(15,23,42,.12)));border-radius:.65rem;color:var(--theme-text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer;transition:background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out}.hub-filter-btn:focus-visible,.hub-filter-btn:hover,.hub-filter[data-open=true] .hub-filter-btn{border-color:var(--theme-accent);outline:none}.hub-filter-btn>svg{color:var(--theme-text-muted);flex-shrink:0;transition:color .5s ease-in-out}.hub-filter-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-filter-chevron{color:var(--theme-text-muted);flex-shrink:0;transition:transform .3s ease,color .5s ease-in-out}.hub-filter[data-open=true] .hub-filter-chevron{transform:rotate(180deg)}.hub-filter-menu{z-index:900;margin:0;padding:.3rem;list-style:none;background:var(--theme-surface-solid,var(--dash-surface-solid,#fff));border:1px solid var(--theme-border,rgba(15,23,42,.12));border-radius:.65rem;box-shadow:0 12px 32px -12px rgba(0,0,0,.35);max-height:18rem;overflow-y:auto;animation:hub-filter-menu-in .18s ease-out}.hub-filter-menu[data-in-modal=true]{z-index:1500}@keyframes hub-filter-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hub-filter-option{display:block;width:100%;padding:.55rem .75rem;background:transparent;border:none;color:var(--theme-text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer;border-radius:.45rem;transition:background .2s ease,color .2s ease}.hub-filter-option:hover{background:rgba(var(--cd-accent-rgb,124,58,237),.12);color:var(--theme-accent)}.hub-filter-option-selected{background:rgba(var(--cd-accent-rgb,124,58,237),.16);color:var(--theme-accent);font-weight:600}