/* Shared select rendering. Keep actual select controls and native form semantics. */
select{max-width:100%;text-indent:0;text-align:start;}
select option,select optgroup{text-indent:0;text-align:start;}
@supports (appearance:base-select){
 select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker(select){appearance:base-select;}
 select:not([multiple]):not([size]){min-width:0;white-space:normal;overflow-wrap:anywhere;gap:12px;align-items:center;cursor:pointer;}
 select:not([multiple]):not([size]):disabled{cursor:default;opacity:.65;}
 select:not([multiple]):not([size])::picker(select){
  box-sizing:border-box;margin-block:4px;padding:5px;
  width:anchor-size(width);min-width:min(18rem,calc(100vw - 24px));max-width:calc(100vw - 24px);
  max-height:min(22rem,60dvh);overflow:auto;
  border:1px solid #c9c2b5;border-radius:8px;background:#fff;color:#1b2430;
  box-shadow:0 8px 24px #1b243026;text-align:start;text-indent:0;
 }
 select:not([multiple]):not([size]) option{
  display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0;
  min-height:38px;white-space:normal;overflow-wrap:anywhere;text-indent:0;text-align:start;
  background:#fff;color:#1b2430;border-radius:4px;
 }
 select:not([multiple]):not([size]) option:checked{background:#edf2f7;font-weight:600;}
 select:not([multiple]):not([size]) option:hover,select:not([multiple]):not([size]) option:focus-visible{background:#dcebe9;outline:2px solid #2f6f6b;outline-offset:-2px;}
 select:not([multiple]):not([size]) option:disabled{color:#827d74;background:#f5f3ef;}
 select:not([multiple]):not([size])::picker-icon{flex:none;margin-inline-start:auto;color:currentColor;}
 select:not([multiple]):not([size]) option::checkmark{flex:none;color:#2f6f6b;}
}
@media(max-width:760px){select{min-width:0!important;max-width:100%;}}