.custom-switch-container{position:relative;display:inline-block}.filter-options-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:200px;display:none;margin-top:2px}.filter-option{padding:8px 12px;cursor:pointer;border:none;background:none;width:100%;text-align:left;display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.filter-option:hover{background-color:#f8f9fa}.filter-option:active{background-color:#e9ecef}.filter-option:focus-visible{outline:2px solid #007bff;outline-offset:-2px;background-color:#f8f9fa}.filter-indicator{color:transparent;font-weight:bold;min-width:16px}.filter-option.active .filter-indicator{color:#28a745}[data-theme="dark"] .filter-options-dropdown{background:#343a40;border-color:#495057;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme="dark"] .filter-option{color:#f8f9fa}[data-theme="dark"] .filter-option:hover{background-color:#495057}[data-theme="dark"] .filter-option:active{background-color:#6c757d}[data-theme="dark"] .filter-option:focus-visible{outline-color:#17a2b8;background-color:#495057}[data-theme="dark"] .filter-indicator{color:transparent}[data-theme="dark"] .filter-option.active .filter-indicator{color:#28a745}