/* New Eden Tools — shared industrial presentation. Loaded after legacy CSS. */
:root {
  --bg-deepest:#0d1516; --bg-page:#182021; --bg-panel:#141d1f;
  --bg-card:#273133; --bg-card-hover:#354043; --bg-input:#0b1314;
  --border-dim:#465355; --border-mid:#536061; --border-bright:#778582;
  --text-primary:#e5e4db; --text-muted:#9da9a7; --text-label:#bbc4c1;
  --accent-gold:#f28538; --accent-gold-dim:#8d4e2c;
  --accent-blue:#a7bcb6; --accent-cyan:#f28538; --accent-cyan-dim:#563e31;
  --color-p0:#8eaaae; --color-p1:#9bba9c; --color-p2:#edc954;
  --ok:#9bba9c; --warn:#edc954; --danger:#e16650;
  --font:Arial,Helvetica,sans-serif; --mono:Consolas,'Liberation Mono',monospace;
  --r-sm:0px; --r-md:0px; --r-lg:0px;
}
:root[data-theme="light"] {
  --bg-deepest:#d4d8d2; --bg-page:#e8eae3; --bg-panel:#f3f3ec;
  --bg-card:#dfe4db; --bg-card-hover:#d3dbd0; --bg-input:#fffef7;
  --border-dim:#acb7af; --border-mid:#929f98; --border-bright:#67766e;
  --text-primary:#172526; --text-muted:#50625e; --text-label:#334743;
  --accent-gold:#aa471e; --accent-gold-dim:#c9a18b;
  --accent-blue:#386b62; --accent-cyan:#a44319; --accent-cyan-dim:#e5c8b9;
  --ok:#35683d; --warn:#775d0a; --danger:#ab3429;
}
html {scroll-behavior:smooth}
body {border-top:7px solid var(--accent-gold);background:var(--bg-page)}
button,select,input {font-family:var(--font)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid var(--accent-gold);outline-offset:2px}
.site-nav {height:55px;padding:0 clamp(18px,4vw,60px);border-bottom:1px solid var(--border-mid);background:var(--bg-deepest);justify-content:space-between}
.theme-toggle {border:1px solid var(--border-mid);background:transparent;color:var(--text-primary);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;min-width:66px;cursor:pointer}
.theme-toggle:hover {border-color:var(--accent-gold);color:var(--accent-gold)}
.site-nav-home {font:800 16px var(--font);letter-spacing:-.045em;color:var(--text-primary);text-transform:uppercase}
.site-nav-home:hover {color:var(--accent-gold)}
.app-header {background:var(--bg-deepest);border-bottom:1px solid var(--border-mid);padding:25px clamp(18px,4vw,60px)}
.header-inner {max-width:1440px;align-items:center;gap:15px}
.header-logo {display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent-gold);font:900 25px var(--font);color:var(--accent-gold)}
.app-header h1 {font:900 clamp(24px,3vw,40px)/.95 var(--font);letter-spacing:-.065em;text-transform:uppercase}
.header-sub {font:700 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-gold)}
.app-main {max-width:1440px;padding:28px clamp(18px,4vw,60px) 75px;gap:16px}
.panel {background:var(--bg-panel);border:1px solid var(--border-mid);border-radius:0;box-shadow:none;padding:24px}
.panel-title {font:900 20px/1 var(--font);letter-spacing:-.035em;text-transform:uppercase;color:var(--text-primary);padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--border-mid)}
.panel-title::before {content:'// ';font:700 13px var(--mono);letter-spacing:0;color:var(--accent-gold)}
input,select,textarea {border-radius:0!important}
button {border-radius:0!important}
.theme-toggle {border-radius:0;font:700 11px var(--mono);padding:8px 12px;text-transform:uppercase}
@media(max-width:680px){.app-header{padding:19px 18px}.header-inner{flex-wrap:wrap;gap:8px}.header-sub{width:100%;margin-left:53px}.app-main{padding:20px 14px 55px}.panel{padding:17px}.site-nav{padding:0 18px}}
/* Pochven: configure on the left, compare on the right. Keep existing JS result DOM. */
body:has(#panel-form) .app-main {display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:1px;background:var(--border-mid)}
body:has(#panel-form) #panel-form {grid-column:1;grid-row:1;min-height:440px}
body:has(#panel-form) #results {grid-column:2;grid-row:1;min-height:440px;background:var(--bg-panel);padding:24px}
body:has(#panel-form) #results:empty::before {content:'ROUTE COMPARISON / ENTER A DESTINATION TO CALCULATE';display:block;color:var(--text-muted);font:700 12px/1.6 var(--mono);letter-spacing:.06em;border-bottom:1px solid var(--border-mid);padding-bottom:20px}
body:has(#panel-form) #results .panel {margin-bottom:16px}
body:has(#panel-form) .info-panel {grid-column:1/-1;grid-row:2}
body:has(#panel-form) .form-grid {grid-template-columns:1fr auto}
body:has(#panel-form) .pochven-warning {border-radius:0;border-left:4px solid var(--warn);background:var(--bg-card);padding:15px}
body:has(#panel-form) #calc-btn {min-height:42px;background:var(--accent-gold);color:var(--bg-deepest);font:800 12px var(--mono);text-transform:uppercase;border:0;padding:0 20px}
body:has(#panel-form) #calc-btn:hover {filter:brightness(1.15)}
@media(max-width:900px){body:has(#panel-form) .app-main{display:flex;background:transparent}body:has(#panel-form) #panel-form{min-height:0}body:has(#panel-form) #results{min-height:160px;padding:18px}body:has(#panel-form) .form-grid{grid-template-columns:1fr auto}}
/* PI: one full-width panel per section, preserving existing controls and JS hooks. */
body:has(#panel-setup) .app-main {display:flex;flex-direction:column;align-items:stretch;background:transparent}
body:has(#panel-setup) .production-mode-tabs {width:100%;background:var(--bg-deepest);border:1px solid var(--border-mid);margin-bottom:0}
body:has(#panel-setup) .app-main > .panel {width:100%;min-width:0}
body:has(#panel-setup) .app-main > .report-bar {width:100%}
body:has(#panel-setup) .mode-tab.active {background:var(--accent-gold);color:var(--bg-deepest);border-color:var(--accent-gold)}
body:has(#panel-setup) .mode-tab {border-radius:0;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.03em}
body:has(#panel-setup) .setup-section-header {font-weight:800;text-transform:uppercase;letter-spacing:.03em}
body:has(#panel-setup) .stepper-btn {border-radius:0}
:root[data-theme="light"] .corp-tip-floating {background:var(--bg-panel);color:var(--text-primary)}
:root[data-theme="light"] .price-tooltip {background:var(--bg-panel);color:var(--text-primary)}
:root[data-theme="light"] .validation-banner {background:#f7e7df;color:#562f23}
:root[data-theme="light"] .validation-list {color:#9d2c23}
:root[data-theme="light"] .value-drop-list {color:#824418}
/* Pipes: dense monitor rather than separate floating cards. */
body:has(#routes) .app-main {max-width:1440px;gap:0}
body:has(#routes) .data-bar {border:1px solid var(--border-mid);padding:16px;background:var(--bg-deepest);font-family:var(--mono)}
body:has(#routes) #routes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-mid);border:1px solid var(--border-mid)}
body:has(#routes) #routes .panel {border:0;margin:0;min-width:0}
body:has(#routes) #routes .panel-title {font:900 20px var(--font);letter-spacing:-.04em}
body:has(#routes) #routes .panel-title::before {content:''}
body:has(#routes) .sys-node {cursor:pointer}
body:has(#routes) .pipe-hint {font-family:var(--mono)}
@media(max-width:1050px){body:has(#routes) #routes{grid-template-columns:1fr}}