/* Site-styled dropdowns (static/js/select.js). The closed control matches the form's fields;
   the open list is a paper card in the same border, radius and type as the rest of the form. */
.select{position:relative}
.select .select-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:14px 46px 14px 16px;border:1px solid var(--control-line,var(--line));border-radius:10px;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.4;text-align:left;cursor:pointer;position:relative;transition:border-color .2s}
.select-trigger:hover,.select.is-open .select-trigger{border-color:var(--ink)}
.select-trigger.is-placeholder .select-value{color:var(--muted)}
.select-trigger::after{content:'';position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.select.is-open .select-trigger::after{transform:translateY(-25%) rotate(-135deg)}
.select-trigger[aria-invalid]{border-color:#b4402f;box-shadow:inset 0 0 0 1px #b4402f}
.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;margin:0;padding:6px;list-style:none;max-height:min(360px,60svh);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--control-line,var(--line));border-radius:10px;box-shadow:0 18px 44px #17181524;scrollbar-width:thin}
.select.drop-up .select-list{top:auto;bottom:calc(100% + 6px)}
.select-option{position:relative;padding:12px 14px 12px 18px;border-radius:6px;font-size:15px;line-height:1.35;cursor:pointer;user-select:none}
.select-option.is-active{background:var(--surface)}
.select-option[aria-selected=true]{font-weight:600}
.select-option[aria-selected=true]::before{content:'';position:absolute;left:7px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--accent)}
html[data-theme=dark] .select-list{box-shadow:0 18px 44px #0008}
@media (pointer:coarse){.select-option{padding-block:14px;font-size:16px}}
@media (prefers-reduced-motion:reduce){.select-trigger,.select-trigger::after{transition:none}}