/* Design-system select for every site page: never the browser's native list (Script Panel select pattern).
   Pages tune it through the --select-* tokens; colours default to the site's neutral greys. */
.select { position:relative; }
.select-trigger { position:relative; display:flex; align-items:center; width:100%; height:var(--select-height,34px); padding:0 30px 0 9px; background:var(--select-bg,#1c1c1c); border:1px solid var(--select-line,#4a4a4a); border-radius:8px; color:var(--text); font:inherit; font-size:var(--select-font,11px); text-align:left; cursor:pointer; transition:border-color 150ms ease; }
.select-trigger:hover { border-color:var(--select-line-hover,#6a6a6a); }
.select-trigger:focus-visible,.select.open .select-trigger { outline:0; border-color:var(--accent); }
.select-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.select-label.is-placeholder { color:#aaaaaa; }
.select-chevron { position:absolute; right:10px; top:50%; color:var(--muted); transform:translateY(-50%); transition:transform 150ms ease; }
.select.open .select-chevron { transform:translateY(-50%) rotate(180deg); }
.select-options { position:absolute; z-index:20; top:calc(100% + 4px); left:0; right:0; margin:0; padding:4px; list-style:none; background:var(--select-bg,#1c1c1c); border:1px solid var(--select-line,#4a4a4a); border-radius:8px; box-shadow:0 12px 28px rgba(0,0,0,.45); transform-origin:top; animation:select-in 140ms cubic-bezier(.23,1,.32,1); }
.select-options:focus { outline:0; }
.select.flip .select-options { top:auto; bottom:calc(100% + 4px); transform-origin:bottom; }
@keyframes select-in { from { opacity:0; transform:scale(.97); } }
.select-options [role=option] { display:flex; align-items:center; justify-content:space-between; min-height:var(--select-option-height,30px); padding:0 8px; border-radius:6px; color:var(--muted); font-size:var(--select-option-font,12px); cursor:pointer; }
.select-options [role=option].is-active { background:var(--select-hover,#2a2a2a); color:var(--text); }
.select-options [role=option][aria-selected=true] { color:var(--text); }
.select-options [role=option][aria-selected=true]::after { content:""; width:12px; height:12px; background:var(--accent); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat; }
@media(prefers-reduced-motion:reduce) { .select-options { animation:none; } }