/* Shared page canvas and sidebar theme. Content palettes live in their view stylesheets. */
:root { --portal-canvas: #efefff; --portal-sidebar: #efefff; }
html[data-portal-theme="dark"] { --portal-canvas: #151823; --portal-sidebar: #1c2030; }
body.g-sidenav-show { background-color: var(--portal-canvas) !important; }
#sidenav-main { background-color: var(--portal-sidebar) !important; }
html[data-portal-theme="dark"] #sidenav-main { color: #e0e5f4 !important; color-scheme: dark; }
html[data-portal-theme="dark"] #sidenav-main .navbar-brand-img { filter: brightness(0) invert(1); }
html[data-portal-theme="dark"] #sidenav-main .nav-link { color: #ccd3e8; }
html[data-portal-theme="dark"] #sidenav-main .nav-link :is(.nav-link-text, .sidenav-normal, i) { color: #ccd3e8 !important; }
html[data-portal-theme="dark"] #sidenav-main .nav-link:hover { background-color: #292f46; }
html[data-portal-theme="dark"] #sidenav-main .nav-link.navLinkActive { background-color: #303466 !important; color: #e3e3ff !important; }
html[data-portal-theme="dark"] #sidenav-main .nav-link.navLinkActive :is(.nav-link-text, i) { color: #e3e3ff !important; }
html[data-portal-theme="dark"] #sidenav-main h6.text-primary { color: #a9adff !important; opacity: 1 !important; }
html[data-portal-theme="dark"] #sidenav-main hr.horizontal { background: #363c51; opacity: .8; }
html[data-portal-theme="dark"] #sidenav-main :is(.companySwitcher, .companySwitcherSearchWrap) { background-color: #292f46; }
html[data-portal-theme="dark"] #sidenav-main .companySwitcher :is(a, .overTextNav, .underTextNav, .text-dark) { color: #e0e5f4 !important; }
/* Text directly on the page canvas must remain readable. */
html[data-portal-theme="dark"] :is(.tb-dashboard-header-title, .tb-overview-heading, .tb-profile-header h1) { color: #f0f2fa; }
html[data-portal-theme="dark"] :is(.tb-dashboard-header-eyebrow, .tb-profile-header > p) { color: #b5bed5; }
html[data-portal-theme="dark"] .tb-portal-menu-toggle { color: #e0e5f4; }
/* Profile cards retain their current palette until their content theme is updated. */
html[data-portal-theme="dark"] .tb-profile-card { background-color: #efefff; }