/* MarshChat 0.8.6 — palette-accurate navigation surfaces.
   Loaded LAST to override older enterprise fixed blue backgrounds. */
:root[data-mc-theme] {
  --mc-nav-bg:var(--mc-side);
  --mc-nav-border:var(--mc-border);
  --mc-nav-text:var(--mc-text);
  --mc-nav-muted:var(--mc-muted);
}
/* Applies whether the live workspace uses <aside>, .sidebar, or both. */
html[data-mc-theme] body:has(#mc-workspace) > aside,
html[data-mc-theme] body:has(#mc-workspace) aside,
html[data-mc-theme] body:has(#mc-workspace) .sidebar,
html[data-mc-theme] body:has(#mc-workspace) #sidebar,
html[data-mc-theme] body:has(#mc-workspace) .mc-sidebar,
html[data-mc-theme] body:has(#mc-workspace) .mc-network-sidebar {
  background:var(--mc-nav-bg) !important;
  background-color:var(--mc-nav-bg) !important;
  background-image:none !important;
  color:var(--mc-nav-text) !important;
  border-color:var(--mc-nav-border) !important;
}
/* Top header, toolbar, network tab bar, status strip and navigation headers. */
html[data-mc-theme] body:has(#mc-workspace) main > header,
html[data-mc-theme] body:has(#mc-workspace) main .toolbar,
html[data-mc-theme] body:has(#mc-workspace) .topbar,
html[data-mc-theme] body:has(#mc-workspace) .top,
html[data-mc-theme] body:has(#mc-workspace) .mc-topbar,
html[data-mc-theme] body:has(#mc-workspace) .mc-header,
html[data-mc-theme] body:has(#mc-workspace) #mc-tabs,
html[data-mc-theme] body:has(#mc-workspace) .mc-network-tabs {
  background:var(--mc-nav-bg) !important;
  background-color:var(--mc-nav-bg) !important;
  background-image:none !important;
  color:var(--mc-nav-text) !important;
  border-color:var(--mc-nav-border) !important;
}
/* Sidebar links, labels and controls stay readable on both light and dark themes. */
html[data-mc-theme] body:has(#mc-workspace) aside a,
html[data-mc-theme] body:has(#mc-workspace) aside .network,
html[data-mc-theme] body:has(#mc-workspace) .sidebar a,
html[data-mc-theme] body:has(#mc-workspace) .sidebar .network,
html[data-mc-theme] body:has(#mc-workspace) main > header h1,
html[data-mc-theme] body:has(#mc-workspace) .topbar a {
 color:var(--mc-nav-text) !important;
}
html[data-mc-theme] body:has(#mc-workspace) aside small,
html[data-mc-theme] body:has(#mc-workspace) aside .section,
html[data-mc-theme] body:has(#mc-workspace) .sidebar small,
html[data-mc-theme] body:has(#mc-workspace) .sidebar .section,
html[data-mc-theme] body:has(#mc-workspace) main > header small {
 color:var(--mc-nav-muted) !important;
}
html[data-mc-theme] body:has(#mc-workspace) aside button,
html[data-mc-theme] body:has(#mc-workspace) .sidebar button,
html[data-mc-theme] body:has(#mc-workspace) main .toolbar button,
html[data-mc-theme] body:has(#mc-workspace) main .toolbar select,
html[data-mc-theme] body:has(#mc-workspace) main .toolbar .mc-bot-doc-link {
 background:var(--mc-panel) !important;
 background-image:none !important;
 color:var(--mc-text) !important;
 border-color:var(--mc-border) !important;
}
html[data-mc-theme] body:has(#mc-workspace) aside button:hover,
html[data-mc-theme] body:has(#mc-workspace) .sidebar button:hover,
html[data-mc-theme] body:has(#mc-workspace) main .toolbar button:hover {
 background:var(--mc-hover) !important;
}
/* The Arctic theme needs light native controls, too. */
html[data-mc-theme="arctic"] body:has(#mc-workspace),
html[data-mc-theme="arctic"] body:has(#mc-workspace) dialog {
 color-scheme:light !important;
}
html[data-mc-theme="arctic"] body:has(#mc-workspace) aside,
html[data-mc-theme="arctic"] body:has(#mc-workspace) .sidebar,
html[data-mc-theme="arctic"] body:has(#mc-workspace) main > header,
html[data-mc-theme="arctic"] body:has(#mc-workspace) main .toolbar {
 box-shadow:none !important;
}