/* Clear navigation surfaces, preserving existing layout and theme preferences. */
.navpanel .navitem{font-weight:550;min-height:43px;transition:background-color .18s,color .18s,box-shadow .18s}
.navpanel .ico{font-size:17px;flex:0 0 22px}
.navpanel .navitem.active{font-weight:650;box-shadow:inset 3px 0 0 var(--cyan)}
.topright .iconbtn,.topright .languageSelect{font-weight:600}
body[data-theme=light] .navpanel{background:#fff;border:1px solid #c7d6e2;box-shadow:0 8px 28px #24475312}
body[data-theme=light] .navpanel .navitem{color:#344b61}
body[data-theme=light] .navpanel .ico{color:#486984}
body[data-theme=light] .navpanel .navtitle{color:#506779;font-weight:650}
body[data-theme=light] .navpanel .navitem.active{background:#e3effc;color:#175799;box-shadow:inset 3px 0 0 #3278bd}
body[data-theme=light] .navpanel .navitem.active .ico{color:#175799}
body[data-theme=light] .topright .iconbtn,body[data-theme=light] .topright .languageSelect{background:#fff;color:#2a4359;border-color:#b9ccdc;box-shadow:0 2px 6px #24475308}
body[data-theme=light] .topright #overviewToggle{background:#245f99;color:#fff;border-color:#245f99}
body[data-theme=premium] .navpanel .navitem{color:#c1d3e2}
body[data-theme=premium] .navpanel .navitem.active{background:#183c55;color:#f1faff}
body[data-theme=premium] .topright #overviewToggle{background:#255d83;color:#f5fbff;border-color:#4889b3}
.topright #overviewToggle:focus-visible{outline-offset:3px}
@media(prefers-reduced-motion:reduce){.navpanel .navitem{transition:none}}

/* Native button defaults must not create white, low-contrast navigation rows. */
.navpanel button.navitem{appearance:none;-webkit-appearance:none;border:0;width:100%;text-align:left;font-family:inherit;background:transparent;color:var(--text);box-sizing:border-box}
.navpanel button.navitem:hover,.navpanel button.navitem.active{background:#52d8ff17;color:var(--text)}
.navpanel .navLabel{display:block;min-width:0;line-height:1.4;white-space:normal}
.navpanel button.proNav{border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.navpanel button.navitem:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
body[data-theme=light] .navpanel button.navitem{color:#24445b}
body[data-theme=light] .navpanel button.navitem:hover{background:#e3effc}
body[data-theme=light] .navpanel button.proNav{background:#eef5fa;color:#24445b}

/* 9.82: keep the select chevron inside the rounded border in Safari. */
select.languageSelect{
 appearance:none!important;-webkit-appearance:none!important;
 box-sizing:border-box; padding-right:32px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2390a9ba' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:right 12px center!important;
 background-size:12px 8px!important;
}
@media(max-width:500px){select#language{min-width:76px;padding-left:8px!important}}
@media(forced-colors:active){select.languageSelect{appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important}}

/* 9.83: session dots and selected-index marks have independent meanings. */
#watchMarketChoices button{display:inline-flex;align-items:center;gap:7px}
.exchangeSessionDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8b9ba8;flex:none}
[data-session=open] .exchangeSessionDot{background:#68bb96}
[data-session=closed] .exchangeSessionDot{background:#df8787}
[data-session=break] .exchangeSessionDot{background:#d7b768}
#exchangeSessionLegend{font-size:11px;line-height:1.6;margin:10px 0}

/* 9.84: mode actions must not look like selected view tabs. */
#insidersRoot #insDemo{background:transparent!important;color:var(--cyan)!important;box-shadow:none!important;border-color:var(--line)!important}
#insidersRoot #insRefresh:disabled{opacity:.65;cursor:wait}
#insCheckResult{padding:10px 12px;border:1px solid var(--line);border-radius:10px}