/* Framework custom select. Uses the portable --color-fw-* token contract. */
.fw-select{appearance:none;display:flex;align-items:center;gap:12px;width:100%;height:44px;min-width:0;padding:0 12px;border:1px solid var(--color-fw-control,#888);border-radius:0;background:var(--color-fw-canvas,#fff);color:var(--color-fw-ink,#202020);font:400 16px/24px Inter,sans-serif;text-align:left;cursor:pointer;box-sizing:border-box}
.fw-select:hover:not(:disabled){background:var(--color-fw-subtle,#f5f5f5)}
.fw-select:focus-visible,.fw-select[aria-expanded=true]{outline:2px solid var(--color-fw-ink,#202020);outline-offset:3px}
.fw-select[aria-invalid=true]{border-color:var(--color-fw-danger,#bf491e)}
.fw-select:disabled{opacity:.45;cursor:default}
.fw-select-value{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fw-select-chevron{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-fw-quick,120ms)}
.fw-select[aria-expanded=true] .fw-select-chevron{transform:rotate(180deg)}
.fw-select-menu{position:fixed;inset:auto;margin:0;padding:4px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-fw-control,#888);border-radius:0;background:var(--color-fw-canvas,#fff);color:var(--color-fw-ink,#202020);font:400 16px/24px Inter,sans-serif;z-index:1000;box-shadow:none;animation:fw-select-enter var(--motion-fw-quick,120ms) ease-out}
.fw-select-menu[hidden]{display:none!important}
.fw-select-option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;box-sizing:border-box;cursor:pointer}
.fw-select-option[hidden]{display:none}
.fw-select-option[aria-selected=true]{background:var(--color-fw-warm,#ebe6dd)}
.fw-select-option[data-active=true]{outline:1px solid var(--color-fw-ink,#202020);outline-offset:-1px;background:var(--color-fw-subtle,#f5f5f5)}
.fw-select-option[aria-selected=true][data-active=true]{background:var(--color-fw-warm,#ebe6dd)}
.fw-select-option[aria-disabled=true]{opacity:.45;cursor:default}
.fw-select-mark{display:flex;align-items:center;width:18px;height:18px;flex:none}
.fw-select-mark svg{width:18px;height:18px;visibility:hidden;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fw-select-option[aria-selected=true] .fw-select-mark svg{visibility:visible}
.fw-select-option-label{min-width:0;overflow-wrap:anywhere}
@keyframes fw-select-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.fw-select-menu{animation:none}.fw-select-chevron{transition:none}}
body[data-reduced=true] .fw-select-menu{animation:none}body[data-reduced=true] .fw-select-chevron{transition:none}