/* Light popup surfaces deliberately use paired, brand-independent contrast tokens. */
:root {
    --nx-menu-surface: #ffffff;
    --nx-menu-ink: #102a49;
    --nx-menu-muted: #465d75;
    --nx-menu-hover: #e9f1fb;
    --nx-menu-selected: #dbeafe;
    --nx-menu-selected-ink: #123d6b;
    --nx-menu-focus: #1d4ed8;
    --nx-menu-border: #8ca3bc;
    --nx-menu-disabled: #52677f;
}
.search-select { position:relative; margin-top:.35rem; min-width:0; }
.search-select > summary { display:flex; align-items:center; gap:8px; min-height:46px; box-sizing:border-box; padding:8px 12px; border:1px solid var(--nx-menu-border); border-radius:8px; background:var(--nx-menu-surface); color:var(--nx-menu-ink); cursor:pointer; font-weight:400; list-style:none; overflow-wrap:anywhere; }
.search-select > summary::-webkit-details-marker { display:none; }
.search-select > summary::after { content:'⌄'; margin-left:auto; flex-shrink:0; }
.search-select > summary[aria-disabled=true] { cursor:not-allowed; color:var(--nx-menu-disabled); background:#f1f5f9; }
.search-select-panel { position:absolute; z-index:30; left:0; right:0; top:calc(100% + 6px); box-sizing:border-box; padding:.5rem; background:var(--nx-menu-surface); color:var(--nx-menu-ink); border:1px solid var(--nx-menu-border); border-radius:8px; box-shadow:0 8px 24px #102a4926; max-height:min(70vh,540px); overflow:auto; color-scheme:light; }
.search-select-panel input { box-sizing:border-box; width:100%; margin:0 0 .45rem; min-height:44px; color:var(--nx-menu-ink); background:var(--nx-menu-surface); }
.search-select-panel label { color:var(--nx-menu-ink); }
.search-select-panel [role=status] { margin:.5rem; color:var(--nx-menu-muted); }
.search-select-panel [role=status]:empty { display:none; }
.search-select-options { max-height:280px; overflow:auto; padding:3px; }
.search-select-panel .search-select-option { display:flex; align-items:center; gap:.5rem; width:100%; min-height:44px; box-sizing:border-box; margin:0; padding:.6rem .7rem; text-align:left; border:0; border-radius:5px; background:var(--nx-menu-surface); color:var(--nx-menu-ink); font:inherit; font-weight:400; line-height:1.4; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
.search-select-panel .search-select-option:is(:hover,:focus-visible,[data-active]) { background:var(--nx-menu-hover); color:var(--nx-menu-ink); }
.search-select-panel .search-select-option[aria-selected=true] { background:var(--nx-menu-selected); color:var(--nx-menu-selected-ink); font-weight:700; box-shadow:inset 3px 0 var(--nx-menu-focus); }
.search-select-panel .search-select-option[aria-selected=true]::after { content:'✓'; margin-left:auto; flex-shrink:0; }
.search-select-panel .search-select-option[data-active], .search-select :focus-visible { outline:2px solid var(--nx-menu-focus); outline-offset:1px; }
.search-select-panel .search-select-option:disabled { opacity:1; color:var(--nx-menu-disabled); background:#f1f5f9; cursor:not-allowed; }
.search-select-panel .search-select-option :is(span,small,strong,svg) { color:inherit; }
.search-select-native { position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none; }
.search-select-panel button.secondary:disabled { opacity:1; background:#f1f5f9; color:var(--nx-menu-disabled); cursor:not-allowed; }