/* Shared header theme applied to the complete MBC atlas. */
html[data-eco-theme="light"] {
  color-scheme: light;
  color: #24384a;
  background: #f2f6f8;
  --line: #d2dfe5;
  --muted: #526b79;
  --aqua: #006e78;
}
html[data-eco-theme="dark"] { color-scheme: dark; }
html[data-eco-theme="light"] body,
html[data-eco-theme="light"] .shell,
html[data-eco-theme="light"] main { color: #24384a; background: #f2f6f8; }
html[data-eco-theme="light"] .sidebar { background: #e7f0f3; border-color: var(--line); }
html[data-eco-theme="light"] .sidebar button,
html[data-eco-theme="light"] .field-card,
html[data-eco-theme="light"] .list-button { color: #24384a; }
html[data-eco-theme="light"] .sidebar button b { color: #006e78; }
html[data-eco-theme="light"] .sidebar button:hover,
html[data-eco-theme="light"] .sidebar button.active { background: #d0e6e9; color: #17394b; }
html[data-eco-theme="light"] .sidebar input,
html[data-eco-theme="light"] select { background: #fff; color: #24384a; border-color: #adc3ce; }
html[data-eco-theme="light"] p { color: #526b79; }
html[data-eco-theme="light"] .metrics > div,
html[data-eco-theme="light"] .panel,
html[data-eco-theme="light"] .field-card,
html[data-eco-theme="light"] .network { background: #fff; color: #24384a; border-color: var(--line); }
html[data-eco-theme="light"] .field-card:hover,
html[data-eco-theme="light"] .list-button:hover { background: #edf7f7; border-color: #3b9097; }
html[data-eco-theme="light"] .field-card .bar { background: #d7e8eb; }
html[data-eco-theme="light"] .list-button { background: #f7fafb; border-color: var(--line); }
html[data-eco-theme="light"] .list-button.current { background: #d9eff0; border-color: #4f9da1; }
html[data-eco-theme="light"] #node-detail .badge { background: #d6ede7; color: #1c5c50; }
html[data-eco-theme="light"] .network text { fill: #24384a; }
html[data-eco-theme="light"] .network circle { fill: #d7e8eb; stroke: #006e78; }
html[data-eco-theme="light"] .network .center { fill: #6fc6b2; stroke: #006e78; }
html[data-eco-theme="light"] .hub-map-card { background: #fff; color: #24384a; border-color: var(--line); }
html[data-eco-theme="light"] .hub-map-card-head h2,
html[data-eco-theme="light"] .hub-map-card-head h3 { color: #24384a; }
html[data-eco-theme="light"] .hub-map-card-head p { color: #526b79; }
html[data-eco-theme="light"] .hub-map-card .atlas-map-host {
  --map-panel: #f9fbfc;
  --map-ink: #17384a;
  --map-muted: #5a7380;
  --map-border: #d1e0e5;
  --map-chip: #e8f2f4;
}
html[data-eco-theme="light"] .caution { background: #fff8e8; border-color: #e0c989; color: #6e521d; }
html[data-eco-theme="light"] .result { color: #006e78; }
body.eco-nav-ready .shell { min-height: calc(100vh - 58px); }
body.eco-nav-ready .sidebar { top: 58px; height: calc(100vh - 58px); }
body.eco-nav-ready .top > .iq-language-select { display: none !important; }
@media (max-width:760px) {
  body.eco-nav-ready .sidebar { top: auto; height: auto; }
}