/* Material You select-only comboboxes; native fields remain available without JS. */
.md-select { position:relative; display:block; min-width:0; }
:root .md-select-native { position:absolute; width:1px; height:1px; min-height:0; padding:0; border:0; margin:0; opacity:0; pointer-events:none; clip-path:inset(50%); }
.md-select-trigger { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:12px 16px; border:1px solid var(--line); border-radius:16px; background:var(--bg); color:var(--ink); text-align:left; font:inherit; font-size:14px; font-weight:500; transition:background 180ms,border-color 180ms,border-radius 300ms var(--motion-spring),box-shadow 180ms; }
.md-select-trigger:hover { background:color-mix(in srgb,var(--bg) 94%,var(--brand)); border-color:var(--muted); }
.md-select-trigger:focus-visible,.is-open>.md-select-trigger { outline:none; border-color:var(--brand); box-shadow:0 0 0 2px var(--brand); border-radius:18px; }
.md-select-trigger:disabled { opacity:.38; cursor:not-allowed; }
.md-select-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.md-select-arrow { width:8px; height:8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg) translateY(-2px); flex:none; margin-right:5px; transition:transform 300ms var(--motion-spring); }
.is-open .md-select-arrow { transform:rotate(225deg) translate(-2px,-1px); border-color:var(--brand); }
.md-select.is-open { z-index:12; }
.md-select-menu { position:absolute; top:calc(100% + 8px); inset-inline:0; display:block; max-height:300px; overflow:auto; overscroll-behavior:contain; padding:8px; border:1px solid var(--line); border-radius:20px; background:var(--md-sys-color-surface-container-high); box-shadow:0 10px 30px #20291f24; transform-origin:top center; }
.md-select-menu[hidden] { display:none; }
.md-select.opens-up .md-select-menu { top:auto; bottom:calc(100% + 8px); transform-origin:bottom center; }
.md-select-trigger[aria-invalid="true"] { border-color:var(--md-sys-color-error); }
.md-select-option { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px; border-radius:12px; color:var(--ink); font-size:14px; font-weight:500; cursor:pointer; transition:background 150ms; }
.md-select-option:hover,.md-select-option.is-active { background:color-mix(in srgb,var(--brand) 10%,transparent); }
.md-select-option[aria-selected="true"] { color:var(--brand-ink); background:var(--brand-soft); }
.md-select-option[aria-selected="true"]::after { content:""; width:10px; height:6px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); flex:none; }
.md-select-option[aria-disabled="true"] { opacity:.38; cursor:not-allowed; }
.md-select-group { display:block; padding:18px 12px 7px; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.04em; }
.filter-disclosure .filters { animation:none; }
input[type="number"] { -moz-appearance:textfield; appearance:textfield; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
@media (prefers-reduced-motion:reduce) { .md-select-trigger,.md-select-arrow,.md-select-option { transition:none; } }
@media (forced-colors:active) { .md-select-trigger,.md-select-menu { border:1px solid ButtonText; } .md-select-option[aria-selected="true"] { outline:2px solid Highlight; } }