/* ElectroCAE 4.0 · a single, orange-led visual language. No external resources. */
:root{--ink:#273142;--forest:#d76016;--deep:#a94816;--accent:#f59a43;--mint:#fff0df;--sky:#fff4e8;--muted:#697586;--line:#e9e9ec;--bg:#f7f8fa;--paper:#fff;--amber:#c76b21;--radius:18px;--shadow:0 7px 30px rgba(39,49,66,.045)}
html{scroll-behavior:smooth}
body{color:var(--ink);background:var(--bg);font-size:15px;line-height:1.58}
h1,h2,h3{letter-spacing:-.038em}
button:focus-visible,a:focus-visible{outline:3px solid #ee943f;outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:#df7f37!important;box-shadow:0 0 0 4px rgba(236,120,41,.14)!important}
.btnx{border-radius:12px;border-color:#e1e4e8;color:#293346;font-size:14px;font-weight:750;min-height:44px}
.btnx:hover{background:#fff6ee;border-color:#f1bb8b}
.btnx.primary{background:linear-gradient(135deg,#f08b2d,#d96116);border-color:#d96116;color:white;box-shadow:0 7px 19px #ce661a22}
.btnx.primary:hover{background:linear-gradient(135deg,#fa9940,#cc5410);color:#fff}
.btnx.secondary{background:#fff2e4;border-color:#f5d5b7;color:#973f12}
.btnx.light{color:#8a3b14;background:#fff;border-color:#fff}
.logo{color:#202c3b;font-weight:850}
.logo b{color:#df7624}
.logo small{color:#87909d;font-weight:650}
.logo-mark{background:linear-gradient(140deg,#fc9a34,#d15a17);color:#fff;border-radius:13px;box-shadow:0 6px 17px rgba(218,96,22,.2)}
.eyebrow{color:#cd6e27}
.tag{color:#a84f17;background:#fff2e6;border-color:#f6d7b8}
.tag.dark{color:#fff2e7;background:#9a4b1a;border-color:#b7652c}
.dot{background:#f29847}
.demo-banner{background:#fff4e8;border-color:#ffdfbc;color:#995323;padding:11px 20px;font-size:12px}
.demo-banner .public-banner-return{color:#ab4f13;margin:0 8px;text-underline-offset:3px;font-weight:800}
.site-header{background:rgba(255,255,255,.96);border-bottom-color:#ebebee}
.site-nav{height:77px}
.nav-links a{color:#485465}
.nav-links a:hover{color:#bd581b}
.public-return{border-color:#f4c396!important;background:#fff4e9!important;color:#a84d12!important}
.public-return:hover{background:#ffe8d3!important}
.site-footer{background:#242d3b;color:#d8dde5}
.site-footer p,.footer-note{color:#a6b1c0}
.footer-links a{color:#d8dde5}
.hero-main{background:radial-gradient(circle at 86% 35%,#ed9952 0%,transparent 33%),linear-gradient(116deg,#74351b 3%,#ab4b19 50%,#df7124 100%);box-shadow:0 18px 50px rgba(139,63,24,.1)}
.hero-main h1 em{color:#ffdba4}
.hero-main p{color:#ffecdc}
.hero-main .eyebrow,.hero-main .hero-points{color:#ffdfbb}
.hero-main .float-card{color:#6f3a1f;border-color:#ffe4cb}
.hero-main .orbit{border-color:#ffffff43}
.statstrip article,.feature-card{border-color:#e7e9ee;box-shadow:var(--shadow)}
.feature-icon{background:#fff0dc;color:#ce651b}
.feature-card .text-link{color:#c65c16}
.how .num{background:#fff0df;border-color:#f1c396;color:#ad4a14}
.callout{background:#fff1e2;border-color:#f6d3ad}
.callout.dark{background:#2a3240;border-color:#2a3240}
.callout.dark p{color:#d3d9e1}
.callout p{color:#745a45}
.callout.dark .eyebrow{color:#ffbd74!important}
/* Public pages */
.partner-hero{background:linear-gradient(110deg,#6a351f,#c66321 75%,#ee9d56)}
.partner-hero p{color:#ffe4cd}
.partner-tabs button{color:#7f441d;border-color:#f1d7c4}
.partner-tabs button.active{background:#dd731f;border-color:#dd731f}
.compact-card,.tracking-body{border-color:#eaebee}
.contact-note{background:#fff5eb;border-color:#f7e2cc;color:#785334}
.tracking-top{background:#9c4a1d}
.stage-line{background:#fff5e9}
.progress-steps div.done,.microbar span{background:#e98c36}
.chat-toggle{background:#e37820;border-color:#d86d1c;box-shadow:0 9px 25px rgba(203,88,21,.25)}
.chat-toggle:hover{background:#c95b15}
.chat-head{background:#9d491c}
.chat-head small{color:#ffe5c9}
.chat-msgs{background:#fffdfb}
.chat-msgs .bubble{background:#fff2e8}
.chat-msgs .bubble.you{background:#ffe2bd}
.chat-quick button{background:#fff1e3;border-color:#f5d5b6;color:#9e461b}
.toastx{background:#333d4f}
/* Internal shell */
.workspace-body{background:#f7f8fa}
.ws{display:grid;grid-template-columns:275px minmax(0,1fr)}
.ws-aside{background:#202a39;color:#e6eaf1;border-right:1px solid #364050;box-shadow:4px 0 28px #202a3910}
.ws-brand{padding:27px 23px 14px}
.ws-brand .logo{color:white;font-size:24px}
.ws-aside .logo small{color:#b8c2d0}
.ws-aside .logo-mark{width:44px;height:44px}
.ws-badge{background:#3a3540;color:#ffd6ad;border:1px solid #6b4d3c;padding:8px 11px;margin:20px 0 7px;border-radius:9px;font-size:11px}
.ws-menu{padding:13px 13px 26px}
.ws-label{font-size:10px;color:#8999af;padding:23px 14px 8px;font-weight:800}
.ws-menu button,.ws-menu a.ws-link{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;color:#c9d1dc;border-radius:10px;padding:12px 13px;text-align:left;font-size:14px;font-weight:640;margin:2px 0;text-decoration:none;line-height:1.35}
.ws-menu button .ic,.ws-menu a.ws-link .ic{font-size:19px;width:23px;min-width:23px;text-align:center;font-weight:500}
.ws-menu button.active,.ws-menu button:hover,.ws-menu a.ws-link:hover{background:#433c3a;color:#fff;border-color:#74513e}
.ws-menu button.active{background:linear-gradient(95deg,#cc641d,#a84b17);border-color:#cc641d;box-shadow:0 6px 14px #0001}
.ws-menu button .label,.ws-menu a.ws-link .label{flex:1}
.menu-chip{font-size:9px;color:#ffd3aa;border:1px solid #765341;padding:3px 5px;border-radius:5px}
.ws-bottom{background:#1c2532;border-color:#3b4350;padding:19px 23px;color:#aeb8c6}
.ws-bottom p{font-size:12px;margin-bottom:11px}
.ws-bottom-copyright{font-size:10px;color:#e89b65;letter-spacing:.06em;font-weight:760}
.ws-topbar{height:84px;position:sticky;top:0;z-index:35;padding:0 34px;box-shadow:0 2px 9px #27334205}
.ws-topbar h2{font-size:22px;font-weight:800;margin:4px 0 0;line-height:1.2}
.ws-crumb{font-size:10px;letter-spacing:.14em;color:#c96a27;font-weight:850}
.ws-crumb span{color:#b0b8c3;margin:0 6px}
.ws-heading{display:flex;align-items:center;gap:15px}
.ws-actions{gap:10px}
.ws-env{display:inline-flex;align-items:center;gap:6px;background:#f7f8fa;border:1px solid #e8eaf0;border-radius:9px;padding:9px 11px;font-size:11px;color:#6c7483;font-weight:700}
.ws-env .dot{margin:0;width:7px;height:7px}
.public-switch{background:#fff4e9!important;border-color:#f6cfaa!important;color:#ad551b!important;font-weight:800!important}
.public-switch:hover{background:#ffe8d0!important}
.ws-new{font-size:13px!important;min-height:42px!important;padding:10px 16px!important}
.ws-body{max-width:1650px;padding:30px 35px 64px}
.demo-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e8eaef;border-radius:12px;padding:11px 15px;color:#717b89;font-size:12px;margin-bottom:24px}
.demo-inline strong{color:#a95619}
.demo-inline a{color:#b25e20;font-weight:760;text-decoration:none;margin-left:auto}
.demo-flag{background:#fff0df;color:#ad5519;font-size:10px;padding:4px 7px;font-weight:850;letter-spacing:.07em;border-radius:6px}
.page-title{font-size:29px}
.page-desc{font-size:14px}
.kpis{gap:15px}
.kpi{box-shadow:0 7px 22px #202d3d06;padding:24px;border:1px solid #e7e9ec;border-radius:16px}
.kpi .meta{color:#6c7685;font-size:12px}
.kpi .value{color:#243247;font-size:36px}
.kpi .note{color:#8a93a0;font-size:12px}
.kpi .bubble{background:#fff0dc;color:#cb6b20}
.ws-card,.ws-table-wrap{border-color:#e8e9ec;box-shadow:0 7px 22px #202d3d06}
.card-head h3{font-size:18px}
.funnel-track,.microbar{background:#f1f2f4}
.funnel-bar{background:linear-gradient(90deg,#d75d14,#ffb35e)}
.stack-item{border-color:#f0f1f3}
.stack-item b{font-size:13px}
.list-tag.good{background:#e9f7e9;color:#27814a}
.list-tag.warn{background:#fff2e0;color:#ac6827}
.list-tag.info{background:#edf3fb;color:#516f97}
.ws-table{font-size:13px}
.ws-table th{background:#f9fafb;color:#7a8492}
.ws-table td{color:#445061;border-color:#eceef1}
.ws-table tr[data-open]:hover td{background:#fff7ef}
.ws-table .cell-primary{color:#bb5719}
.fieldx{color:#566373}
.fieldx input,.fieldx select,.fieldx textarea{border-color:#dfe4ea;color:#354256;font-size:14px}
.detail-tabs button.active{border-color:#dc762a;color:#af531b}
.timeline{border-left-color:#f6d1a8}
.timeline-item:before{background:#eb862a}
.task-check{accent-color:#d56b1f}
.detail-box{background:#fafafa;border-color:#ebedf0}
.simple-notice{background:#fffbf2;border-color:#f3e2c5;color:#8f703e}
/* The new internal home */
.ops-welcome{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(255px,.7fr);gap:36px;background:radial-gradient(circle at 94% 6%,#f7a05b 0,transparent 30%),linear-gradient(120deg,#a84518,#df7325 76%,#ef9639);color:#fff;padding:38px 41px;border-radius:23px;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(176,78,21,.12);margin-bottom:27px}
.ops-welcome h1{font-size:clamp(29px,3vw,41px);letter-spacing:-.05em;line-height:1.1;margin:16px 0}
.ops-welcome h1 em{font-style:normal;color:#ffe2ad}
.ops-welcome p{max-width:620px;font-size:14px;line-height:1.7;color:#ffebdb;margin:0}
.ops-kicker{letter-spacing:.12em;font-weight:830;font-size:10px;color:#ffdcba}
.ops-welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.ops-welcome .white-action{background:#fff;color:#983e11;border-color:white;min-height:44px}
.ops-welcome .outline-action{background:#ffffff17;border:1px solid #ffe2c077;color:white;min-height:44px}
.ops-welcome .outline-action:hover{background:#ffffff2a}
.ops-welcome-aside{padding:18px 20px;background:#ffffff16;border:1px solid #ffffff30;border-radius:18px;backdrop-filter:blur(8px);align-self:center}
.ops-mini-label{font-size:10px;letter-spacing:.13em;font-weight:850;color:#ffe3c9;margin-bottom:15px}
.ops-mini-step{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ffffff36}
.ops-mini-step>span{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:10px;background:#ffffff2b;font-size:12px;font-weight:850}
.ops-mini-step strong{font-size:12px;display:block}
.ops-mini-step small{color:#ffe1cd;font-size:11px;display:block;margin-top:3px}
.ops-shortcuts{margin-bottom:32px}
.ops-shortcut-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:15px}
.ops-shortcut-head h2{font-size:20px;margin:0}
.ops-shortcut-head span{font-size:12px;color:#85909e}
.ops-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ops-shortcut{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;gap:7px;min-height:159px;border:1px solid #e9e9ed;border-radius:16px;background:white;padding:17px;text-decoration:none;box-shadow:0 6px 18px #20304604;transition:transform .15s,border-color .15s;cursor:pointer;min-width:0;width:100%;font:inherit;color:inherit}
.ops-shortcut:hover{transform:translateY(-3px);border-color:#e9aa72}
.ops-shortcut .shortcut-icon{display:grid;place-items:center;background:#fff1e1;border-radius:10px;height:36px;width:36px;color:#c36020;font-size:20px}
.ops-shortcut strong{font-size:14px;color:#273346;margin-top:4px}
.ops-shortcut small{font-size:11px;line-height:1.55;color:#758194;max-width:93%}
.shortcut-arrow{position:absolute;right:17px;top:19px;color:#c57944}
/* Mobile sidebar: actual drawer, no tiny icons without labels */
.ws-overlay{display:none}
.ws-mobile-toggle{display:none;width:39px;height:39px;border:1px solid #e7e9ec;border-radius:9px;background:white;color:#364152;font-size:18px}
@media(max-width:1250px){.ops-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-welcome{gap:19px}.ws{grid-template-columns:255px minmax(0,1fr)}}
@media(max-width:970px){.ws{display:block}.ws-aside{position:fixed!important;top:0;left:0;bottom:0;width:280px;max-width:86vw;height:100vh!important;overflow:auto;z-index:61;transform:translateX(-105%);transition:transform .2s ease}.menu-open .ws-aside{transform:translateX(0)}.ws-overlay{display:none;position:fixed;inset:0;background:#10182688;z-index:60}.menu-open .ws-overlay{display:block}.ws-brand{padding:24px 22px 14px!important}.ws-brand .logo{font-size:23px!important}.ws-brand .logo small,.ws-brand .ws-badge{display:block!important}.ws-menu{display:block!important;padding:13px 13px 24px!important;overflow:visible!important}.ws-menu .ws-label,.ws-menu button .label,.ws-menu .ws-link .label,.ws-bottom{display:block!important}.ws-menu button,.ws-menu a.ws-link{width:100%!important;justify-content:start!important;padding:12px 13px!important}.ws-topbar{padding:0 22px}.ws-mobile-toggle{display:block}.ws-body{padding:25px 23px}.ws-menu button .ic{font-size:18px!important}.ws-menu button small{display:block!important}.ws-aside .logo-mark{width:44px!important}.ws-bottom{padding:18px 20px!important}.ws-menu .menu-chip{display:none}.ops-welcome{grid-template-columns:1fr}}
@media(max-width:700px){.ws-topbar{height:72px!important;padding:8px 14px!important}.ws-topbar h2{font-size:17px}.ws-crumb{font-size:9px}.ws-actions{gap:5px}.ws-actions .public-switch{min-height:37px;padding:7px 9px;font-size:12px}.ws-actions .ws-new{width:38px;min-width:38px;padding:0!important;height:38px;overflow:hidden;font-size:22px!important}.ws-actions .ws-new span{display:none}.ws-body{padding:18px 14px 44px}.demo-inline{margin-bottom:17px;align-items:start}.demo-inline a{width:100%;margin:0}.ops-welcome{padding:28px 24px;gap:20px;border-radius:18px}.ops-welcome h1{font-size:32px}.ops-welcome-aside{padding:12px 16px}.ops-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-shortcut{min-height:165px;padding:14px}.ops-shortcut strong{font-size:13px}.ops-shortcut small{font-size:11px}.ops-shortcut-head{display:block}.ops-shortcut-head h2{margin-bottom:4px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi{padding:16px}.kpi .value{font-size:29px}.ws-card{padding:17px}.site-nav .nav-cta{gap:5px}.public-return{display:inline-flex!important;padding:8px!important;font-size:11px!important}.public-mode .hero-main{margin-top:14px}.site-nav{height:70px}.site-nav .btnx.primary{padding:8px 11px;font-size:12px}.hero-copy{padding:34px 25px}.site-footer{padding:40px 0 24px}}
@media(max-width:420px){.ws-actions .public-switch span:last-child{font-size:11px}.ops-shortcut-grid{grid-template-columns:1fr 1fr}.ops-shortcut{min-height:183px}.ops-welcome-actions .btnx{width:100%}.public-mode .site-nav .btnx.primary{display:none}}
@media(prefers-reduced-motion:reduce){.ws-aside,.ops-shortcut{transition:none}}
