.state-picker { position:relative; display:flex; align-items:center; gap:7px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.state-picker::before { content:"●"; color:#ff784b; font-size:11px; pointer-events:none; }
.state-picker select { max-width:150px; border:1px solid var(--line); background:transparent; padding:10px 30px 10px 8px; border-radius:7px; color:var(--ink); font:700 14px "DM Sans",sans-serif; cursor:pointer; }
.state-status { padding:10px max(5vw,24px); background:#edf2ff; border-bottom:1px solid #cad8ff; color:#263559; font-size:13px; line-height:1.45; text-align:center; }
.state-status strong { color:#101633; }
@media(max-width:520px){.state-picker select{max-width:118px;font-size:12px;padding-block:9px}.state-status{font-size:12px;padding-inline:18px}}