/* NR-188: the closed field and the menu. Same dark surface, type and accent as the other Nero sheets. */
.x-selbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:9px 12px;border-radius:14px;border:1px solid var(--ln);background:var(--bg);color:var(--fg);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.x-selbtn .x-seltx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x-selbtn .x-seldn{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.x-selbtn:disabled{opacity:.45;cursor:default}
.x-selbtn:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
select.x-selhid{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important}
.x-selbg{position:fixed;inset:0;z-index:400;background:rgb(0 0 0 / .55);opacity:0;transition:opacity .28s ease}
.x-selbg.open{opacity:1}
.x-selsheet{position:fixed;z-index:410;left:0;right:0;bottom:0;margin:0 auto;width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:10px 16px max(18px,env(safe-area-inset-bottom));background:var(--s1);color:var(--fg);border:1px solid var(--ln);border-bottom:0;border-radius:22px 22px 0 0;opacity:0;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease}
.x-selsheet.open{opacity:1;transform:none}
.x-selsheet .grab{width:40px;height:4px;border-radius:2px;background:var(--ln);margin:0 auto 4px}
.x-selsheet .hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.x-selsheet .hd b{font-size:16px;font-weight:600}
.x-selsheet .shx{width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--s2);color:inherit}
.x-selsheet .shx[hidden],.x-selsheet .grab[hidden]{display:none}
.x-selsheet .shx svg,.x-selopt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.x-sellist{overflow:auto;display:flex;flex-direction:column;gap:2px;padding-bottom:6px}
.x-selgh{padding:12px 12px 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.x-selopt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.x-selopt[aria-selected="true"]{background:hsla(var(--ah),var(--sat),55%,.16);color:var(--ac)}
.x-selopt:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.x-selopt:disabled{opacity:.4;cursor:default}
.x-selsheet.x-selpop{top:0;right:auto;bottom:auto;width:auto;max-height:320px;padding:6px;border-radius:14px;border-bottom:1px solid var(--ln);box-shadow:0 16px 40px rgb(0 0 0 / .45);transform:none}
.x-selsheet.x-selpop .hd{padding:6px 8px 2px}
.x-selsheet.x-selpop .x-sellist{max-height:260px}
body.x-selopen{overflow:hidden}
@media (min-width:840px){body.x-selopen{overflow:auto}}
@media (prefers-reduced-motion:reduce){.x-selbg,.x-selsheet{transition:none}}