/* Shared dark chrome for the Networks product surface. */
:root {
  --nw-chrome-bg: oklch(13.5% .012 260);
  --nw-chrome-panel: oklch(15.5% .014 260);
  --nw-chrome-menu: oklch(14.5% .014 260);
  --nw-chrome-text: oklch(97.5% .008 250);
  --nw-chrome-muted: oklch(78% .012 250);
  --nw-chrome-line: oklch(100% .006 250 / .09);
  --nw-chrome-line-strong: oklch(100% .006 250 / .14);
  --nw-chrome-hover: oklch(100% .006 250 / .07);
  --nw-chrome-accent: oklch(64% .17 250);
}

.q-navbar-scope,
.q-footer-scope {
  --bg: var(--nw-chrome-bg) !important;
  --bg2: var(--nw-chrome-panel) !important;
  --text: var(--nw-chrome-text) !important;
  --text2: var(--nw-chrome-muted) !important;
  --border: var(--nw-chrome-line) !important;
  --nav-bg: var(--nw-chrome-bg) !important;
}

.q-navbar-scope .nav-global,
header.nav-global,
nav.nav-global,
.nav-global,
.nav-drawer,
.drawer,
.drawer-panel,
.topbar,
.site-header,
.q-footer-scope .q-footer,
footer.q-footer,
.q-footer,
footer.footer-master,
.footer-master,
footer.footer,
.footer,
.site-footer {
  background: var(--nw-chrome-bg) !important;
  color: var(--nw-chrome-text) !important;
  border-color: var(--nw-chrome-line) !important;
}

.q-navbar-scope .nav-global {
  border-bottom: 1px solid var(--nw-chrome-line) !important;
  backdrop-filter: none !important;
}

.q-navbar-scope .nav-tab,
.q-navbar-scope .nav-tab *,
.q-navbar-scope .nav-menu-trigger,
.q-navbar-scope .nav-menu-trigger *,
.q-navbar-scope .dropdown-link,
.q-navbar-scope .dropdown-link *,
.q-navbar-scope .mega-link,
.q-navbar-scope .mega-link *,
.q-navbar-scope .mega-title,
.q-navbar-scope .mega-desc,
.q-navbar-scope .nav-drawer-link,
.q-navbar-scope .nav-drawer-link *,
.q-navbar-scope .account-link,
.q-navbar-scope .account-link *,
.q-navbar-scope .nav-actions > a,
.q-navbar-scope .nav-actions > a *,
.nav-global a,
.nav-global a *,
.nav-global button,
.nav-global button *,
.nav-tab,
.nav-tab *,
.nav-menu-trigger,
.nav-menu-trigger *,
.nav-drawer-link,
.nav-drawer-link *,
.drawer-link,
.drawer-link *,
.account-link,
.account-link *,
.topbar a,
.site-header a,
.q-footer a,
.q-footer-brand p,
.q-footer-col a,
.q-footer-col h3,
.q-footer-col h4,
.q-footer-bottom a,
.q-footer-copyright,
.q-footer-legal-note,
.footer a,
.footer p,
.footer span,
.footer small,
.footer-master a,
.footer-master p,
.footer-master span,
.footer-master small,
.site-footer a,
.site-footer p,
.site-footer span,
.site-footer small {
  color: var(--nw-chrome-muted) !important;
}

.q-navbar-scope .nav-tab.active,
.q-navbar-scope .nav-tab.active *,
.nav-tab.active,
.nav-tab.active * {
  color: var(--nw-chrome-text) !important;
}

.q-navbar-scope .nav-tab:hover,
.q-navbar-scope .nav-tab:hover *,
.q-navbar-scope .nav-menu-trigger:hover,
.q-navbar-scope .nav-menu-trigger:hover *,
.q-navbar-scope .dropdown-link:hover,
.q-navbar-scope .mega-link:hover,
.q-navbar-scope .nav-drawer-link:hover,
.q-navbar-scope .nav-drawer-link:hover *,
.q-navbar-scope .account-link:hover,
.q-navbar-scope .account-link:hover *,
.nav-tab:hover,
.nav-tab:hover *,
.nav-menu-trigger:hover,
.nav-menu-trigger:hover *,
.nav-drawer-link:hover,
.nav-drawer-link:hover *,
.drawer-link:hover,
.drawer-link:hover *,
.account-link:hover,
.account-link:hover *,
.q-footer a:hover,
.q-footer-col a:hover,
.q-footer-bottom a:hover,
.footer a:hover,
.footer-master a:hover,
.site-footer a:hover {
  color: var(--nw-chrome-text) !important;
}

.q-navbar-scope .mega-link:hover .mega-title,
.mega-link:hover .mega-title {
  color: var(--nw-chrome-accent) !important;
}

.q-navbar-scope .mega-link:hover .mega-icon-box,
.mega-link:hover .mega-icon-box {
  background: color-mix(in srgb, var(--nw-chrome-accent) 15%, transparent) !important;
  color: var(--nw-chrome-accent) !important;
  border-color: color-mix(in srgb, var(--nw-chrome-accent) 28%, transparent) !important;
}

.q-navbar-scope .mega-link:hover .mega-icon-box *,
.mega-link:hover .mega-icon-box * {
  color: var(--nw-chrome-accent) !important;
  stroke: currentColor !important;
}

.q-footer-col h3,
.q-footer-col h4,
.footer h3,
.footer h4,
.footer-master h3,
.footer-master h4,
.site-footer h3,
.site-footer h4 {
  color: var(--nw-chrome-text) !important;
}

.q-navbar-scope .nav-tabs,
.nav-tabs,
.topbar-pills,
.segmented-nav {
  background: var(--nw-chrome-hover) !important;
  border-color: var(--nw-chrome-line) !important;
}

.q-navbar-scope .dropdown-panel,
.q-navbar-scope .mega-menu,
.q-navbar-scope .discover-menu,
.dropdown-panel,
.mega-panel,
.mega-menu,
.drawer-menu {
  background: var(--nw-chrome-menu) !important;
  border-color: var(--nw-chrome-line-strong) !important;
  box-shadow: 0 18px 44px oklch(5% .01 260 / .42) !important;
}

.q-navbar-scope .dropdown-icon-box,
.q-navbar-scope .mega-icon-box,
.q-navbar-scope .nav-hamburger,
.q-footer-social,
.dropdown-icon-box,
.mega-icon-box,
.nav-hamburger,
.social-link,
.footer-social {
  background: var(--nw-chrome-hover) !important;
  border-color: var(--nw-chrome-line-strong) !important;
  color: var(--nw-chrome-muted) !important;
}

.q-navbar-scope .nav-hamburger span,
.nav-hamburger span {
  background: var(--nw-chrome-text) !important;
}

.q-footer-scope .q-footer,
.q-footer,
.footer,
.footer-master,
.site-footer {
  border-top: 1px solid var(--nw-chrome-line) !important;
}