.dropdown-container{position:relative;width:auto}.dropdown-header{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:33px}.dropdown-header.open,.dropdown-header:hover{border-color:var(--accent)}.dropdown-header.disabled{background:var(--surface-flat);color:var(--text-muted);cursor:not-allowed;opacity:.6}.dropdown-header.disabled:hover{border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.1)}.dropdown-selected{width:100%;display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.dropdown-icon{font-size:16px;color:var(--text-muted)}.dropdown-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-label,.dropdown-placeholder{font-size:12px;color:var(--text-ink)}.dropdown-arrow{font-size:12px;color:var(--text-muted);transition:transform .2s ease;margin-left:8px;flex-shrink:0}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:9999;max-height:200px;overflow-y:auto;margin-top:2px;width:100%;max-width:300px;min-width:250px;transform:translateZ(0);isolation:isolate}.dropdown-option{display:flex;align-items:center;gap:8px;padding:.25rem;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border)}.dropdown-option:last-child{border-bottom:none}.dropdown-option-label-container:hover{background-color:var(--surface-flat);border-radius:2px}.dropdown-option-label-container.selected{background-color:var(--status-info-bg);color:var(--status-info);font-weight:500}.dropdown-option-icon{font-size:16px;color:var(--text-muted);flex-shrink:0}.dropdown-option-label-container{width:100%;display:flex;padding:.375rem .5rem}.dropdown-option-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:400;color:var(--text-ink)}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:var(--surface-flat);border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.dropdown-container{max-width:100%}.dropdown-header{min-height:40px}.dropdown-header,.dropdown-option{padding:10px 14px}}.dropdown-header:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.dropdown-option:focus{outline:none;background-color:var(--surface-flat)}.dropdown-header.pulse{transform-origin:center;animation:dropdownPulseMarked .72s cubic-bezier(.16,1,.3,1)}.dropdown-header.pulse .dropdown-label{animation:dropdownLabelSwap .38s cubic-bezier(.22,1,.36,1)}@keyframes dropdownPulseMarked{0%{background-color:color-mix(in srgb,var(--accent) 4%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 38%,transparent);transform:scale(1)}22%{background-color:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.05)}to{background-color:transparent;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 0%,transparent);transform:scale(1)}}@keyframes dropdownLabelSwap{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-header.pulse,.dropdown-header.pulse .dropdown-label{animation:none;transform:none}.dropdown-header.pulse{background-color:color-mix(in srgb,var(--accent) 14%,transparent)}}