.dropdown{position:relative;display:inline-flex;min-width:0;vertical-align:middle}
.dropdown-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;min-width:0;min-height:40px;margin:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-2);font:400 14px/1.5 var(--font-body);text-align:left;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}
.dropdown-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-trigger>svg,.dropdown-option>svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dropdown-trigger>svg{color:var(--color-muted);transition:transform var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}
.dropdown .dropdown-trigger:hover{background:var(--color-paper-2);border-color:var(--color-muted)}
.dropdown .dropdown-trigger[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-ink);background:var(--color-paper-2)}
.dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--color-accent)}
.dropdown .dropdown-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.dropdown .dropdown-trigger:active{transform:none;background:var(--color-paper-2)}
.dropdown .dropdown-trigger:disabled{background:var(--color-paper);color:var(--color-muted);border-color:var(--color-rule);opacity:.55;cursor:not-allowed}
.dropdown .dropdown-trigger[aria-invalid=true]{border-color:var(--color-bad)}
.dropdown-menu{position:fixed;inset:auto;margin:0;padding:var(--space-2xs);box-sizing:border-box;z-index:var(--z-dropdown);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);font:400 14px/1.5 var(--font-body);box-shadow:0 12px 32px var(--color-backdrop);transform-origin:top center;scrollbar-width:thin;scrollbar-color:var(--color-rule-2) var(--color-paper-2)}
.dropdown-menu[data-side=top]{transform-origin:bottom center}
.dropdown-menu::backdrop{background:var(--color-clear)}
.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:40px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-ink-2);transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}
.dropdown-option>span{min-width:0;overflow-wrap:anywhere}
.dropdown-option[aria-selected=true]{color:var(--color-accent)}
.dropdown-option.is-active{background:var(--color-rule);color:var(--color-ink)}
.dropdown-option.is-active[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}
.dropdown-option[aria-disabled=true]{color:var(--color-muted);opacity:.5;cursor:not-allowed}
.board-toolbar .dropdown,form label>.dropdown{display:flex;width:100%}
form label>.dropdown{margin-top:var(--space-xs)}
.board-toolbar label>.dropdown{margin-top:0}
.history-range .dropdown{min-width:120px}
.task-actions>.dropdown{flex:1;min-width:120px;max-width:100%}
.task-actions .dropdown-trigger{font-size:12px;min-height:36px}
@media(max-width:800px){.dropdown .dropdown-trigger{min-height:44px;font-size:16px}.dropdown-option{min-height:44px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.dropdown .dropdown-trigger,.dropdown-trigger>svg,.dropdown-option{transition:none}}