/* Shared Visual B selector styling (SEC-DESK-20261001-1455-SELECTOR-UIUX).
   Uses each host page's own --ink/--muted/--green/--line/--cream tokens
   (already defined per-page: style.css, officer.css, officer-lifecycle.css,
   meeting-info-v9.css) rather than redefining them, so this one block reads
   correctly wherever it is appended -- no page-specific override needed. */
.chos-select{position:relative;display:inline-block;width:100%;max-width:100%}
.chos-select-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;margin:0;border:0;padding:0}
.chos-select-trigger{overflow-wrap:anywhere;width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--cream,#fff);color:var(--ink);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:inherit;cursor:pointer}
.chos-select-trigger::after{content:'▾';opacity:.6;flex-shrink:0;margin-left:6px}
.chos-select-trigger:focus-visible{outline:3px solid #355c9a;outline-offset:2px}
.chos-select-trigger:disabled{opacity:.5;cursor:default}
.chos-select-trigger[aria-invalid="true"]{border-color:#b3261e}
.chos-select-error{display:none;margin:6px 0 0;font-size:13px;line-height:1.3;color:#b3261e}
.chos-select-error:not(:empty){display:block}
.chos-select-overlay{display:none}
.chos-select-overlay-open{display:block}
.chos-select-overlay-inline{position:absolute;top:100%;left:0;right:0;z-index:40;margin-top:4px}
.chos-select-inline{border:1px solid var(--line);border-radius:12px;background:var(--cream,#fff);box-shadow:0 12px 30px rgba(20,20,10,.14);overflow:hidden}
.chos-select-overlay-modal{position:fixed;inset:0;z-index:80}
.chos-select-overlay-modal .chos-select-backdrop{position:absolute;inset:0;background:rgba(30,26,22,.35)}
.chos-select-modal{position:relative;z-index:1;width:min(440px,calc(100% - 24px));max-height:min(620px,calc(100% - 48px));margin:max(24px,env(safe-area-inset-top)) auto 24px;display:flex;flex-direction:column;background:var(--cream,#fff);border-radius:18px;box-shadow:0 24px 60px rgba(20,16,10,.28);overflow:hidden}
@media(max-width:560px){.chos-select-modal{width:100%;margin:0;position:fixed;left:0;right:0;bottom:0;top:auto;max-height:min(82vh,620px);border-radius:18px 18px 0 0}}
.chos-select-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.chos-select-modal-title{font-weight:700;font-size:15px;color:var(--ink)}
.chos-select-close{border:0;background:transparent;font-size:22px;line-height:1;width:36px;height:36px;border-radius:10px;color:var(--ink);cursor:pointer}
.chos-select-close:focus-visible{outline:3px solid #355c9a;outline-offset:2px}
.chos-select-search{margin:10px 16px;width:calc(100% - 32px);min-height:42px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;color:var(--ink);background:var(--cream,#fff)}
.chos-select-search:focus-visible{outline:3px solid #355c9a;outline-offset:2px}
.chos-select-list{overflow-y:auto;max-height:min(50vh,420px);padding:4px 0}
.chos-select-long .chos-select-list{max-height:min(55vh,460px)}
.chos-select-empty{padding:16px;color:var(--muted);font-size:13px;text-align:center}
.chos-select-option{overflow-wrap:anywhere;display:block;width:100%;min-height:46px;border:0;border-bottom:1px solid var(--line);background:var(--cream,#fff);color:var(--ink);text-align:left;padding:12px 16px;font:inherit;cursor:pointer}
.chos-select-option:last-child{border-bottom:0}
.chos-select-option:focus-visible{outline:3px solid #355c9a;outline-offset:-2px}
.chos-select-option-selected{background:#e4eddc;color:#304d2c;font-weight:700}
.chos-select-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.chos-select-cancel{min-height:40px;padding:8px 18px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.chos-select-cancel:focus-visible{outline:3px solid #355c9a;outline-offset:2px}
.chos-dialog-host{border:0;padding:0;margin:0;inset:0;width:100%;max-width:none;height:100%;max-height:none;background:transparent;color:var(--ink)}
.chos-dialog-host::backdrop{background:rgba(30,26,22,.35)}
.chos-select-dialog-copy{padding:8px 16px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}