/* ToT navigation and full-page theme */
body.eco-nav-ready .top > .top-inner > .iq-language-select { display: none !important; }
.hero,.section { scroll-margin-top: 72px; }

@media (min-width: 1001px) {
  body.eco-nav-ready { padding-left: 238px !important; }
  body.eco-nav-ready .top {
    position: fixed; inset: 58px auto 0 0; width: 238px; height: calc(100dvh - 58px);
    overflow-y: auto; z-index: 29; box-shadow: 4px 0 18px #07192320;
  }
  body.eco-nav-ready .top-inner { display: block; padding: 20px 13px; }
  body.eco-nav-ready .top .brand { display: block; padding: 5px 10px 16px; line-height: 1.45; white-space: normal; }
  body.eco-nav-ready .top nav { display: grid; gap: 2px; overflow: visible; }
  body.eco-nav-ready .top nav a { display: block; white-space: normal; padding: 9px 11px; line-height: 1.3; }
  body.eco-nav-ready .top nav a:hover,
  body.eco-nav-ready .top nav a[aria-current="location"] { background: #2a5362; color: #fff; }
}
@media (min-width: 1001px) and (max-width: 1280px) {
  body.eco-nav-ready .hero-grid { grid-template-columns: 1fr; gap: 20px; }
  body.eco-nav-ready .hero-art { max-width: 300px; }
  body.eco-nav-ready .grid,
  body.eco-nav-ready .case-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1000px) {
  body.eco-nav-ready { padding-left: 0 !important; }
  body.eco-nav-ready .top { display: none !important; }
  body.eco-nav-ready .hero { padding-top: 58px; }
}

html[data-eco-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1928; --paper: #192d40; --ink: #e9f2f8; --muted: #afc3d0;
  --line: #365265; --teal: #7bded1; --blue: #93bff0; --gold: #e7b76e;
  --red: #e89790; --shadow: 0 18px 45px #0003;
}
html[data-eco-theme="light"] { color-scheme: light; }
html[data-eco-theme="light"] #eco-nav .en-footer a { color: #315f76; }
html[data-eco-theme="dark"] body { background: var(--bg); color: var(--ink); }
html[data-eco-theme="dark"] a { color: #83dce6; }
html[data-eco-theme="dark"] .top a,
html[data-eco-theme="dark"] .footer a { color: #d9eced; }
html[data-eco-theme="dark"] .hero {
  background: radial-gradient(circle at 85% 20%,#183d4b 0,transparent 37%),linear-gradient(135deg,#102536,#182332 75%);
}
html[data-eco-theme="dark"] .hero .lede { color: #c4d9df; }
html[data-eco-theme="dark"] .section.alt { background: #122537; }
html[data-eco-theme="dark"] .pill { background: #233d4d; border-color: #477082; color: #dbedef; }
html[data-eco-theme="dark"] .notice { background: #3c3327; color: #f7e2bc; }
html[data-eco-theme="dark"] .chip,
html[data-eco-theme="dark"] .tabs button,
html[data-eco-theme="dark"] .flow-step,
html[data-eco-theme="dark"] .case-select button,
html[data-eco-theme="dark"] .direction-buttons button,
html[data-eco-theme="dark"] .atlas-audits button,
html[data-eco-theme="dark"] .atlas-siblings button,
html[data-eco-theme="dark"] .atlas-cross {
  background: #213a4c; border-color: var(--line); color: var(--ink);
}
html[data-eco-theme="dark"] .chip.active,
html[data-eco-theme="dark"] .tabs button[aria-selected="true"],
html[data-eco-theme="dark"] .case-select button.active,
html[data-eco-theme="dark"] .direction-buttons button[aria-pressed="true"],
html[data-eco-theme="dark"] .atlas-audits button.active,
html[data-eco-theme="dark"] .atlas-siblings button.active,
html[data-eco-theme="dark"] #relations .rl-toolbar .chip[aria-pressed="true"] {
  background: #277684; border-color: #70cfc6; color: #fff;
}
html[data-eco-theme="dark"] .detail,
html[data-eco-theme="dark"] .validation,
html[data-eco-theme="dark"] .btn.secondary { background: #223b4d; color: var(--ink); }
html[data-eco-theme="dark"] .table-wrap,
html[data-eco-theme="dark"] .report,
html[data-eco-theme="dark"] details,
html[data-eco-theme="dark"] .atlas-inspector,
html[data-eco-theme="dark"] #relations .rl-mapwrap,
html[data-eco-theme="dark"] #relations .rl-side,
html[data-eco-theme="dark"] #relations .rl-editor { background: var(--paper); color: var(--ink); border-color: var(--line); }
html[data-eco-theme="dark"] th { background: #27475a; }
html[data-eco-theme="dark"] .field input,
html[data-eco-theme="dark"] .field select,
html[data-eco-theme="dark"] .field textarea,
html[data-eco-theme="dark"] .search,
html[data-eco-theme="dark"] #relations .rl-toolbar select,
html[data-eco-theme="dark"] #relations .rl-editor select { background: #10283b; color: var(--ink); border-color: #567386; }
html[data-eco-theme="dark"] .tot-geometry .outer-hex { fill: #163449; stroke: #80b6c7; }
html[data-eco-theme="dark"] .tot-geometry .inner-circle { fill: #23465a; }
html[data-eco-theme="dark"] .tot-geometry .inner-hex { fill: #1c5660; }
html[data-eco-theme="dark"] .tot-geometry .core-label { fill: #e9f2f8; }
html[data-eco-theme="dark"] .footer { background: #0b2233; }
@media print {
  body.eco-nav-ready { padding-left: 0 !important; padding-top: 0 !important; }
}