/* Shared select surface: source controls retain their values and change events. */
.select-control{display:block;position:relative;min-width:0;width:100%;font:inherit}
.select-trigger{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #bccab4;border-radius:14px;padding:12px 16px;background:#f6f8f2;color:#293b32;font:inherit;font-size:16px;line-height:1.5;text-align:left;cursor:pointer}
.select-trigger>span{min-width:0}.select-trigger svg{width:20px;height:20px;flex:none;transition:transform .15s}
.select-trigger:hover{border-color:#7e9577;background:#f0f4eb}.select-trigger[aria-expanded=true]{border-color:#6b8763;background:#f6f8f2;box-shadow:0 0 0 3px #78986b1a}
.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.select-trigger:focus-visible{outline:2px solid #729578;outline-offset:3px}
.select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;display:block;padding:7px;background:#f8faf5;border:1px solid #bccab4;border-radius:18px;box-shadow:0 14px 34px -12px #243b3540;max-height:min(390px,60dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#90a58a #e6ecdf;font-size:16px;line-height:1.45;color:#293b32}
.select-options[hidden]{display:none}.select-option{display:block;padding:11px 14px;border-radius:11px;cursor:pointer;font-weight:400;white-space:normal}
.select-option[aria-selected=true]{background:#dce8d2;color:#2b4931;font-weight:500}
.select-option.is-active{box-shadow:inset 0 0 0 1px #b5c5a9;background:#e7eedf}
.select-option[aria-disabled=true]{opacity:.45;cursor:default}
@media(max-width:600px){.select-options{font-size:16px}.select-option{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.select-trigger svg{transition:none}}