/* ELEMENTARY v3.2.1 — Premium Minimal Continuation */
:root{
  --eo-sidebar-expanded:292px;
  --eo-sidebar-compact:76px;
  --eo-header-height:78px;
  --eo-bg:#f5f6f8;
  --eo-bg-elevated:#eef1f4;
  --eo-panel:#ffffff;
  --eo-panel-solid:#ffffff;
  --eo-panel-muted:#f7f8fa;
  --eo-text:#11151c;
  --eo-muted:#6f7885;
  --eo-line:rgba(17,24,39,.085);
  --eo-line-strong:rgba(17,24,39,.15);
  --eo-sidebar:#070b12;
  --eo-sidebar-soft:#0a111b;
  --eo-sidebar-text:#edf2f7;
  --eo-sidebar-muted:#7d8794;
  --eo-accent:#14cfc0;
  --eo-accent-soft:rgba(20,207,192,.10);
  --eo-shadow:none;
  --eo-shadow-strong:0 28px 80px rgba(4,9,16,.22);
  --eo-radius:13px;
  --eo-radius-sm:9px;
}
@media(prefers-color-scheme:dark){
  html[data-eo-theme="system"]{
    --eo-bg:#0a0f17;
    --eo-bg-elevated:#0d141e;
    --eo-panel:#111925;
    --eo-panel-solid:#111925;
    --eo-panel-muted:#0e1621;
    --eo-text:#f0f3f7;
    --eo-muted:#909baa;
    --eo-line:rgba(255,255,255,.075);
    --eo-line-strong:rgba(255,255,255,.14);
    --eo-shadow:none;
    --eo-shadow-strong:0 32px 90px rgba(0,0,0,.42);
  }
}
html[data-eo-theme="dark"]{
  --eo-bg:#0a0f17;
  --eo-bg-elevated:#0d141e;
  --eo-panel:#111925;
  --eo-panel-solid:#111925;
  --eo-panel-muted:#0e1621;
  --eo-text:#f0f3f7;
  --eo-muted:#909baa;
  --eo-line:rgba(255,255,255,.075);
  --eo-line-strong:rgba(255,255,255,.14);
  --eo-shadow:none;
  --eo-shadow-strong:0 32px 90px rgba(0,0,0,.42);
}
html[data-eo-theme="light"]{
  --eo-bg:#f5f6f8;
  --eo-bg-elevated:#eef1f4;
  --eo-panel:#ffffff;
  --eo-panel-solid:#ffffff;
  --eo-panel-muted:#f7f8fa;
  --eo-text:#11151c;
  --eo-muted:#6f7885;
  --eo-line:rgba(17,24,39,.085);
  --eo-line-strong:rgba(17,24,39,.15);
}

/* Brand: larger, balanced and stripped to the essential */
.eo-sidebar-brand{
  flex-basis:108px!important;
  justify-content:center!important;
  padding:15px 18px 11px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#070b12!important;
}
.eo-brand-link{
  width:100%!important;
  justify-content:center!important;
}
.eo-brand-logo{
  width:100%!important;
  max-width:none!important;
  max-height:57px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.eo-brand-caption{
  margin-top:-2px!important;
  padding-right:4px!important;
  color:rgba(237,242,247,.72)!important;
  font-size:13px!important;
  font-weight:350!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-align:right!important;
  text-transform:lowercase!important;
}
.eo-brand-meta,
.eo-sidebar-scroll>.brand{display:none!important}

/* Minimal navigation */
.eo-sidebar{
  background:#070b12!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.eo-sidebar::after{opacity:.25!important}
.eo-sidebar-scroll{padding:10px 14px 20px!important}
.eo-sidebar .nav-section{
  margin:20px 12px 7px!important;
  color:#697381!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
}
.eo-sidebar .nav a,
.eo-sidebar .nav-disabled{
  min-height:39px!important;
  gap:12px!important;
  margin:1px 0!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:470!important;
  color:#c7d0dc!important;
  box-shadow:none!important;
  transform:none!important;
}
.eo-sidebar .nav a:hover{
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
}
.eo-sidebar .nav a.active,
.eo-sidebar .nav a[aria-current="page"]{
  background:rgba(20,207,192,.055)!important;
  color:#fff!important;
}
.eo-sidebar .nav a.active::before,
.eo-sidebar .nav a[aria-current="page"]::before{
  left:0!important;
  top:8px!important;
  bottom:8px!important;
  width:2px!important;
  background:var(--eo-accent)!important;
}
.eo-nav-icon{
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8f9aa8!important;
}
.eo-nav-icon svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.eo-sidebar .nav a:hover .eo-nav-icon,
.eo-sidebar .nav a.active .eo-nav-icon,
.eo-sidebar .nav a[aria-current="page"] .eo-nav-icon{
  color:var(--eo-accent)!important;
}
html[data-eo-sidebar="compact"] .eo-nav-icon{
  width:25px!important;
  height:25px!important;
  flex-basis:25px!important;
}
html[data-eo-sidebar="compact"] .eo-nav-icon svg{
  width:22px!important;
  height:22px!important;
}

/* Header and native AI composer */
.eo-header{
  background:color-mix(in srgb,var(--eo-panel-solid) 92%,transparent)!important;
  border-bottom:1px solid var(--eo-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
.eo-page-heading{
  font-size:clamp(26px,1.9vw,34px)!important;
  font-weight:280!important;
  letter-spacing:-.04em!important;
}
.eo-composer-shell{max-width:760px!important}
.eo-ai-composer{
  min-height:50px!important;
  border:1px solid var(--eo-line-strong)!important;
  border-radius:17px!important;
  background:var(--eo-panel-solid)!important;
  box-shadow:none!important;
}
.eo-ai-composer:focus-within{
  border-color:color-mix(in srgb,var(--eo-accent) 45%,var(--eo-line-strong))!important;
  box-shadow:0 0 0 3px rgba(20,207,192,.07)!important;
}
.eo-ai-prompt{
  min-height:38px!important;
  max-height:160px!important;
  padding:9px 6px!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.eo-composer-button{
  width:34px!important;
  height:34px!important;
  color:var(--eo-muted)!important;
}
.eo-composer-button:hover{
  background:var(--eo-panel-muted)!important;
  color:var(--eo-text)!important;
}
.eo-composer-submit{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  background:var(--eo-text)!important;
  color:var(--eo-panel-solid)!important;
  box-shadow:none!important;
}
html[data-eo-theme="dark"] .eo-composer-submit,
html[data-eo-theme="system"] .eo-composer-submit{
  background:#eef2f7!important;
  color:#091019!important;
}
.eo-plus-menu{
  border-color:var(--eo-line)!important;
  border-radius:13px!important;
  background:var(--eo-panel-solid)!important;
  box-shadow:var(--eo-shadow-strong)!important;
}
.eo-attachment-preview{border-top-color:var(--eo-line)!important}
.eo-file-chip{
  border-color:var(--eo-line)!important;
  background:var(--eo-panel-muted)!important;
  box-shadow:none!important;
}

/* Premium minimal workspace */
body.eo-app{
  background:var(--eo-bg)!important;
}
.eo-content{
  padding-top:26px!important;
}
.eo-content :is(
  .card,.dev-card,.geo-card,.da-card,.sp-card,.hp-card,.po-card,.orch-card,.pc-card
){
  border:1px solid var(--eo-line)!important;
  border-radius:13px!important;
  background:var(--eo-panel)!important;
  color:var(--eo-text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.eo-content :is(
  .card,.dev-card,.geo-card,.da-card,.sp-card,.hp-card,.po-card,.orch-card,.pc-card
) h2,
.eo-content :is(
  .card,.dev-card,.geo-card,.da-card,.sp-card,.hp-card,.po-card,.orch-card,.pc-card
) h3{
  font-weight:430!important;
  letter-spacing:-.025em!important;
}
.eo-content :is(.dev-hero,.geo-hero,.da-hero,.sp-hero,.hp-hero,.po-hero,.orch-hero,.pc-hero){
  border:1px solid var(--eo-line)!important;
  border-radius:13px!important;
  background:var(--eo-panel)!important;
  box-shadow:none!important;
}
.eo-content :is(.dev-hero,.geo-hero,.da-hero,.sp-hero,.hp-hero,.po-hero,.orch-hero,.pc-hero)::before{
  width:28px!important;
  height:1px!important;
  margin-bottom:13px!important;
  background:var(--eo-accent)!important;
}
.eo-content :is(.dev-hero,.geo-hero,.da-hero,.sp-hero,.hp-hero,.po-hero,.orch-hero,.pc-hero) h2{
  font-weight:360!important;
  font-size:clamp(26px,2vw,36px)!important;
}
.eo-content :is(.dev-nav,.geo-nav,.da-nav,.sp-nav,.hp-nav,.po-nav,.orch-nav,.pc-nav) a{
  min-height:34px!important;
  padding:6px 10px!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--eo-muted)!important;
}
.eo-content :is(.dev-nav,.geo-nav,.da-nav,.sp-nav,.hp-nav,.po-nav,.orch-nav,.pc-nav) a:hover,
.eo-content :is(.dev-nav,.geo-nav,.da-nav,.sp-nav,.hp-nav,.po-nav,.orch-nav,.pc-nav) a.active{
  border-bottom-color:var(--eo-accent)!important;
  background:transparent!important;
  color:var(--eo-text)!important;
}

/* KPI systems become one refined information rail */
.eo-content :is(.da-metrics,.dev-metrics,.geo-metrics,.sp-metrics,.hp-metrics,.po-metrics,.orch-metrics,.pc-metrics){
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--eo-line)!important;
  border-radius:12px!important;
  background:var(--eo-panel)!important;
}
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
){
  min-height:108px!important;
  padding:18px 16px!important;
  border:0!important;
  border-right:1px solid var(--eo-line)!important;
  border-bottom:1px solid var(--eo-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
):last-child{border-right:0!important}
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
).warn,
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
).danger{
  background:transparent!important;
}
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
) strong{
  color:var(--eo-text)!important;
  font-family:var(--eo-font-display)!important;
  font-size:30px!important;
  font-weight:280!important;
  letter-spacing:-.04em!important;
}
.eo-content :is(
  .da-metric,.dev-metric,.geo-metric,.sp-metric,.hp-metric,.po-metric,.orch-metric,.pc-metric
) span{
  margin-top:10px!important;
  color:var(--eo-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Process cards become a single continuous timeline */
.eo-content :is(.da-flow,.dev-flow,.geo-flow,.sp-flow,.hp-flow,.po-flow,.orch-flow,.pc-flow){
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--eo-line)!important;
  border-radius:12px!important;
  background:transparent!important;
}
.eo-content :is(.da-step,.dev-step,.geo-step,.sp-step,.hp-step,.po-step,.orch-step,.pc-step){
  min-height:92px!important;
  padding:17px 15px!important;
  border:0!important;
  border-right:1px solid var(--eo-line)!important;
  border-bottom:1px solid var(--eo-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
.eo-content :is(.da-step,.dev-step,.geo-step,.sp-step,.hp-step,.po-step,.orch-step,.pc-step) strong{
  color:var(--eo-text)!important;
  font-weight:430!important;
}
.eo-content :is(.da-step,.dev-step,.geo-step,.sp-step,.hp-step,.po-step,.orch-step,.pc-step) small{
  margin-top:7px!important;
  color:var(--eo-muted)!important;
}

/* Tables and controls */
.eo-content :is(.da-table-wrap,.dev-table-wrap,.geo-table-wrap,.sp-table-wrap,.hp-table-wrap,.po-table-wrap,.orch-table-wrap,.pc-table-wrap){
  border-color:var(--eo-line)!important;
  border-radius:10px!important;
}
.eo-content th{
  background:var(--eo-panel-muted)!important;
  color:var(--eo-muted)!important;
  font-weight:600!important;
}
.eo-content td{
  border-color:var(--eo-line)!important;
  color:var(--eo-text)!important;
}
.eo-content :is(input,select,textarea){
  border-color:var(--eo-line)!important;
  border-radius:9px!important;
  background:var(--eo-panel-solid)!important;
  box-shadow:none!important;
}
.eo-content :is(.da-btn,.dev-btn,.geo-btn,.sp-btn,.hp-btn,.po-btn,.orch-btn,.pc-btn){
  border-radius:9px!important;
  box-shadow:none!important;
}

/* Inspector and AI conversation panel */
.eo-ai-panel,
.eo-inspector{
  border-left-color:var(--eo-line)!important;
  background:var(--eo-panel-solid)!important;
  box-shadow:none!important;
}
.eo-ai-message{
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.eo-ai-message.user{
  background:var(--eo-panel-muted)!important;
}
.eo-ai-message.assistant{
  background:transparent!important;
}

@media(max-width:1320px){
  .eo-content :is(.da-metrics,.dev-metrics,.geo-metrics,.sp-metrics,.hp-metrics,.po-metrics,.orch-metrics,.pc-metrics){
    border-radius:11px!important;
  }
}
@media(max-width:768px){
  .eo-sidebar-brand{padding-inline:16px!important}
  .eo-brand-logo{max-height:52px!important}
  .eo-brand-caption{font-size:12px!important}
}