.filter-dropdown{position:relative;display:inline-block;background:var(--white);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;white-space:nowrap;min-width:var(--width-sm)}.filter-dropdown[open]{z-index:10;border-color:var(--primary-800)}.filter-dropdown__summary{display:flex;align-items:center;gap:var(--space-sm);list-style:none}.filter-dropdown__icon{color:var(--gray-600);display:flex;align-items:center}.filter-dropdown__label{font-weight:var(--font-weight-medium);color:var(--gray-900)}.filter-dropdown__placeholder{color:var(--gray-600)}.filter-dropdown__selected{background:var(--primary-100);padding:2px var(--space-sm);border-radius:var(--radius-lg);gap:var(--space-xs);font-weight:var(--font-weight-medium)}.filter-dropdown__clear,.filter-dropdown__selected{color:var(--primary-800);display:flex;align-items:center}.filter-dropdown__clear{margin-left:var(--space-xs)}.filter-dropdown__chevron{margin-left:auto;color:var(--gray-600);font-size:var(--font-size-xs)}.filter-dropdown__menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);background:var(--white);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;padding:var(--space-xs) 0;min-width:100%;z-index:10}.filter-dropdown__item{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--gray-900);text-decoration:none;display:block;transition:background .2s ease}.filter-dropdown__item:hover{background:var(--gray-100)}.filter-dropdown__item--active{background:var(--primary-100);color:var(--primary-800);font-weight:var(--font-weight-medium)}@media (max-width:600px){.filter-dropdown{width:100%;padding:var(--space-sm)}.filter-dropdown__summary{flex-wrap:wrap;gap:var(--space-xs)}.filter-dropdown__menu{min-width:100%}}