/* Energon hex identity. Shared brand tokens and component surfaces. */
:root{--ink:#234c50;--muted:#536e70;--blue:#087b79;--accent:#087b79;--line:#d4e5e1;--bg:#f3f9f7;--nav:#fcfefd;--soft:#e7f5f0;--brand-deep:#12494f;--brand-mint:#e7f5f0;--brand-amber:#f3b53c;--brand-hover:#086260}
h1,h2,h3{color:var(--brand-deep)}
.brand{grid-template-columns:58px minmax(0,1fr);column-gap:10px;row-gap:9px}
.brand img{width:58px;height:64px;object-fit:contain}
.brand-word{color:var(--brand-deep);font-weight:750;font-size:23px;letter-spacing:.2px}
.brand small{color:var(--muted);font-size:12px;line-height:1.55}
.workspace-label{background:#f4faf7;border-color:var(--line)}
.workspace-emblem{background:var(--brand-mint);color:var(--accent);border:1px solid #c8e4db}
.nav-overview,.nav-section summary,.nav-children a{color:#345a5d}
.nav-overview>.icon,.nav-section summary>.icon:first-child{color:#57827f}
.nav-overview:hover,.nav-section summary:hover,.nav-children a:hover{background:#edf7f2}
.nav-overview.selected,.nav-children a.selected{background:#dff1e9;color:#095f5d;font-weight:600}
.nav-children{border-color:#cde2db}
.nav-children a.selected:before{background:var(--accent)}
.sidebar-assistant{background:#eaf6f0;border-color:#cde5db;color:var(--brand-deep)}
.sidebar-assistant>.icon:first-child{color:var(--accent)}
.sidebar-assistant>.icon:last-child{color:#906013}
.sidebar-assistant:hover{background:#dff1e9}
.sidebar-bottom,.breadcrumb,footer{color:var(--muted)}
.breadcrumb strong{color:var(--ink)}
.topbar{background:#fff;border-color:var(--line)}
.avatar{background:var(--brand-mint);color:#146866}
.preview-banner{background:#edf6f2;color:#536e63;border-color:var(--line)}
.preview-tag{border-color:#d9c490;background:#fffaee;color:#71541d}
.button{color:#2d5657;border-color:#bed7d0}
.button:hover{background:#edf7f3;border-color:#81b7a9}
.button.primary,.button.dark{background:var(--accent);border-color:var(--accent);color:#fff}
.button.primary:hover,.button.dark:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--accent)}
input:focus,select:focus,textarea:focus{outline-color:var(--accent)}
.text-link,.record-link,.back-link:hover{color:#086c66}
th{background:#eff7f3;color:#456765;border-color:var(--line)}
td{border-color:#e3eeea}tbody tr:hover{background:#f5faf7}
.cell-sub,.field label,.details-grid dt{color:var(--muted)}
.badge{background:#eaf1ee;color:#4c6763}
.badge.active{background:#e2f4e9;color:#226544}
.badge.amber,.badge.construction,.amber{background:#fff3d6;color:#795318}
.map-entry{background:#e4f3ec;border-color:#c6e2d5}
.map-entry h2{color:var(--brand-deep)}
.network-art circle{fill:var(--accent);stroke:#e4f3ec}
.network-art circle:last-of-type{fill:var(--brand-amber)}
.metric strong{color:var(--brand-deep)}
.metric>.icon{color:#4a8a7e}
.assistant-emblem{background:var(--brand-mint);border-color:#cde5db;color:var(--accent)}
.energy-tabs a[aria-current=page]{background:#e1f2e9;border-color:#87bbaa;color:#0a6560}
.chat-history-list nav>a[aria-current]{background:#dff1e9;color:#095f5d}
.chat-question{background:#e7f5ee}.chat-input-area{background:#f6fbf8}
.chat-answer-name{color:#086c66}
.login-story{background:#e8f6ef;border-right:1px solid #cde5db;color:var(--ink)}
.login-story .brand{grid-template-columns:88px minmax(0,1fr);max-width:440px;column-gap:20px}
.login-story>.brand img{width:88px;height:98px}
.login-story .brand-word{font-size:36px;font-weight:750;color:var(--brand-deep)}
.login-story .brand small{grid-column:2;font-size:14px;max-width:290px;margin-top:-15px;color:var(--muted)}
.login-line{background:var(--brand-amber);width:48px;height:5px}
.login-intro h1{color:var(--brand-deep);font-weight:600}
.login-intro p,.login-story>small,.login-help{color:var(--muted)}
.login-diagram svg>path,.login-diagram svg>circle:first-of-type{stroke:#5faaa0}
.login-diagram svg>circle{fill:#0c8580}.login-diagram svg>circle:first-of-type{fill:none}
.login-diagram svg>circle:last-of-type{fill:var(--brand-amber)}
.login-diagram svg>path:last-of-type{stroke:#fff}
@media(max-width:1000px) and (min-width:761px){.login-story{padding:36px 28px}.login-story .brand{grid-template-columns:64px minmax(0,1fr);column-gap:12px}.login-story>.brand img{width:64px;height:72px}.login-story .brand-word{font-size:27px}.login-story .brand small{font-size:12px;margin-top:0}.login-intro h1{font-size:34px}}
@media(max-width:760px){.login-mobile-brand .brand{max-width:300px}.login-page{background:#f4faf7}.login-card{background:#fff;padding:26px 22px;border:1px solid var(--line);border-radius:16px}.login-side{padding:24px 16px}.login-mobile-brand{margin-bottom:32px}}