/* Shared select contract. Applies automatically to current and future controls.
   Keep native select semantics, keyboard support, form values and change events. */
:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23255840' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}
body select:not([multiple]):not([size]){appearance:none!important;-webkit-appearance:none!important;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:20px!important;padding-right:42px!important;min-height:44px;border:1px solid #cdd5ce;border-radius:10px;color:#293537;background-color:#fff;font:inherit;cursor:pointer}
body select:focus-visible{outline:2px solid #354f54;outline-offset:3px}
body select:disabled{opacity:.55;cursor:not-allowed}
/* Enhanced native popup, where the browser supports customizable selects. */
@supports (appearance:base-select){
 body select:not([multiple]):not([size]),body select:not([multiple]):not([size])::picker(select){appearance:base-select!important}
 body select:not([multiple]):not([size])::picker-icon{display:none}
 body select:not([multiple]):not([size])::picker(select){border:1px solid #cdd5ce;border-radius:12px;background:#fff;color:#293537;padding:6px;box-shadow:0 10px 30px #213a2826;margin-top:6px;max-height:320px;overflow-y:auto;font:inherit}
 body select:not([multiple]):not([size]) option{padding:10px 12px;min-height:40px;box-sizing:border-box;border-radius:7px;cursor:pointer;gap:10px}
 body select:not([multiple]):not([size]) option:hover,body select:not([multiple]):not([size]) option:focus{background:#eef5e9;color:#354f54}
 body select:not([multiple]):not([size]) option:checked{background:#e4efdf;color:#354f54;font-weight:650}
 body select:not([multiple]):not([size]) option::checkmark{color:#354f54}
}