:root {
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-6: 1.5rem;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px;
  --surface-raised: color-mix(in srgb, var(--panel-2) 88%, white 12%);
}
.ecos-product-section { max-width: 100%; }
.ecos-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--space-4); margin-bottom:var(--space-4); }
.ecos-intro p { color:var(--text-muted); margin:0; max-width:65ch; }
.ecos-intro-copy { display:grid; gap:var(--space-3); min-width:0; }
.ecos-context-label { color:var(--accent-2)!important; font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.ecos-decision-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-2); }
.ecos-answer { display:flex; flex-direction:column; gap:.15rem; padding:.6rem .7rem; border-left:2px solid var(--accent-2); background:var(--panel); border-radius:0 var(--radius-sm) var(--radius-sm) 0; font-size:.76rem; }
.ecos-answer strong { color:var(--text-muted); font-size:.67rem; text-transform:uppercase; letter-spacing:.04em; }.ecos-answer span { color:var(--text); }
.ecos-primary-action { width:max-content; border:1px solid var(--accent-2); border-radius:var(--radius-sm); padding:.5rem .75rem; text-decoration:none; font-size:.78rem; font-weight:600; }
.ecos-sources { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-2); }
.ecos-source, .ecos-provenance { font-size:.72rem; color:var(--text-muted); }
.ecos-source { border:1px solid var(--border); border-radius:999px; padding:.25rem .55rem; white-space:nowrap; }
.ecos-source--ok { color:var(--ok); }.ecos-source--error { color:var(--critical); }
.ecos-toolbar { display:flex; align-items:center; gap:var(--space-3); margin:var(--space-4) 0; }
.ecos-search { width:min(34rem,100%); background:var(--panel-2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:.7rem .85rem; }
.ecos-filter,.executive-filter-bar select { background:var(--panel-2); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text); padding:.68rem .75rem; }
.executive-filter-bar { display:flex; flex-wrap:wrap; gap:var(--space-3); margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--border); }
.executive-filter-bar label { display:grid; gap:.25rem; color:var(--text-muted); font-size:.72rem; }
.ecos-count { color:var(--text-muted); font-size:.8rem; white-space:nowrap; }
.ecos-viewport:not(.ecos-viewport--kanban):not(.ecos-viewport--timeline):not(.ecos-viewport--manager) { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:var(--space-3); }
.ecos-record { background:linear-gradient(145deg,var(--surface-raised),var(--panel)); border:1px solid var(--border); border-left:3px solid var(--accent-2); border-radius:var(--radius-md); padding:var(--space-4); min-width:0; cursor:pointer; transition:transform .16s ease,border-color .16s ease; }
.ecos-record:hover,.ecos-record:focus-visible { transform:translateY(-2px); border-color:var(--accent-2); }
.ecos-record--critical { border-left-color:var(--critical); }.ecos-record--warning { border-left-color:var(--warn); }.ecos-record--success { border-left-color:var(--ok); }
.ecos-record h3 { margin:0 0 var(--space-3); font-size:.95rem; overflow-wrap:anywhere; }
.ecos-record--intelligence { grid-column:span 2; border-left-width:4px; }
.ecos-ai-label { display:inline-flex; width:max-content; margin-bottom:var(--space-2); border:1px solid color-mix(in srgb,var(--accent-2) 55%,var(--border)); border-radius:999px; color:var(--accent-2); padding:.18rem .48rem; font-size:.66rem; font-weight:700; letter-spacing:.03em; }
.ecos-record-priority { width:max-content; margin-bottom:var(--space-2); border-radius:999px; background:color-mix(in srgb,var(--accent) 18%,transparent); color:var(--text); padding:.25rem .55rem; font-size:.7rem; font-weight:700; }
.ecos-executive-summary { color:var(--text); font-size:.9rem; line-height:1.55; }
.ecos-consultant-answer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2); margin:var(--space-3) 0; }
.ecos-consultant-answer>div { display:grid; gap:.2rem; padding:.65rem; background:var(--panel); border-radius:var(--radius-sm); }
.ecos-consultant-answer strong { color:var(--text-muted); font-size:.68rem; text-transform:uppercase; }.ecos-consultant-answer span { font-size:.8rem; }
.ecos-evidence { border-top:1px solid var(--border); margin-top:var(--space-3); padding-top:var(--space-3); font-size:.78rem; }.ecos-evidence summary { color:var(--accent-2); cursor:pointer; }.ecos-evidence p { color:var(--text-muted); }
.ecos-record-meta { display:grid; grid-template-columns:minmax(6rem,.8fr) 1.2fr; gap:.3rem .65rem; margin:0 0 var(--space-3); font-size:.78rem; }
.ecos-record-meta dt { color:var(--text-muted); }.ecos-record-meta dd { margin:0; overflow-wrap:anywhere; }
.ecos-record:not(.ecos-record--expanded) .ecos-record-meta dt:nth-of-type(n+4),.ecos-record:not(.ecos-record--expanded) .ecos-record-meta dd:nth-of-type(n+4) { display:none; }
.ecos-kanban { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,340px); gap:var(--space-4); overflow-x:auto; padding-bottom:var(--space-3); scroll-snap-type:x proximity; }
.ecos-lane { background:color-mix(in srgb,var(--panel) 80%,transparent); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-3); scroll-snap-align:start; }
.ecos-lane>h3 { color:var(--text-muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; }
.ecos-lane .ecos-record { margin-top:var(--space-3); }
.ecos-timeline { list-style:none; margin:0; padding:0 0 0 1.5rem; border-left:2px solid var(--border); }
.ecos-timeline li { position:relative; margin:0 0 var(--space-3); }.ecos-timeline li:before { content:''; position:absolute; width:.7rem; height:.7rem; left:-1.92rem; top:1rem; background:var(--accent-2); border-radius:50%; box-shadow:0 0 0 4px var(--panel); }
.ecos-tabs { display:flex; gap:var(--space-2); overflow-x:auto; margin-bottom:var(--space-4); }
.ecos-tabs button { background:var(--panel-2); border:1px solid var(--border); border-radius:999px; color:var(--text-muted); padding:.55rem .9rem; white-space:nowrap; cursor:pointer; }.ecos-tabs button.active { color:var(--text); border-color:var(--accent-2); }
.ecos-manager-panel { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:var(--space-3); }
.ecos-empty,.ecos-warning { grid-column:1/-1; border:1px dashed var(--border); border-radius:var(--radius-md); color:var(--text-muted); padding:2rem; text-align:center; }
.ecos-drawer { width:min(34rem,94vw); max-height:100vh; height:100vh; margin:0 0 0 auto; border:0; border-left:1px solid var(--border); background:var(--panel); color:var(--text); padding:var(--space-6); }
.ecos-drawer::backdrop { background:rgba(0,0,0,.62); backdrop-filter:blur(2px); }.ecos-drawer-close { float:right; background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:var(--radius-sm); padding:.5rem .8rem; cursor:pointer; }.ecos-drawer-body { clear:both; padding-top:var(--space-4); }.ecos-drawer-body .ecos-record { cursor:default; }.ecos-eyebrow { color:var(--accent-2); font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; }
.ecos-warning { border-style:solid; border-color:color-mix(in srgb,var(--warn) 45%,var(--border)); color:var(--warn); margin-top:var(--space-4); padding:var(--space-3); }
.ecos-readiness { display:flex; gap:var(--space-2); align-items:baseline; margin-top:var(--space-4); padding:var(--space-3); border:1px dashed var(--border); border-radius:var(--radius-md); color:var(--text-muted); font-size:.8rem; }.ecos-readiness strong{color:var(--text)}
.ecos-load-more { grid-column:1/-1; justify-self:center; background:var(--panel-2); border:1px solid var(--accent-2); border-radius:var(--radius-sm); color:var(--text); padding:.7rem 1rem; cursor:pointer; }
.ecos-list-limit { margin-top:var(--space-3); border-top:1px solid var(--border); color:var(--text-muted); padding:var(--space-3); font-size:.75rem; text-align:center; }
.ecos-domain-section { grid-column:1/-1; margin-bottom:var(--space-6); }.ecos-domain-heading { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); margin-bottom:var(--space-3); border-bottom:1px solid var(--border); padding-bottom:var(--space-2); }.ecos-domain-heading>div{font-size:1rem;font-weight:750}.ecos-domain-heading>span{color:var(--text-muted);font-size:.75rem;text-align:right}.ecos-domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--space-3)}
.ecos-inbox-pulse { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-3); margin-bottom:var(--space-6); }.ecos-inbox-pulse>div{display:grid;gap:.2rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.ecos-inbox-pulse strong{font-size:1.35rem}.ecos-inbox-pulse span{color:var(--text-muted);font-size:.72rem}.ecos-inbox-conclusion{grid-column:1/-1;margin:0;color:var(--text);border-left:3px solid var(--accent-2);padding:.7rem 1rem;background:var(--panel)}
.ecos-source-gaps { grid-column:1/-1; border:1px dashed var(--warn);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-muted);font-size:.78rem}.ecos-source-gaps summary{color:var(--warn);cursor:pointer;font-weight:700}
.ecos-entity-selector{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.ecos-entity-selector label{color:var(--text-muted);font-size:.75rem}.ecos-entity-selector select{min-width:min(24rem,70vw);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.65rem}
.ecos-timeline-pulse{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.ecos-timeline-pulse>div{display:flex;gap:.4rem;align-items:baseline;border:1px solid var(--border);border-radius:999px;padding:.35rem .65rem}.ecos-timeline-pulse span{color:var(--text-muted);font-size:.7rem}.ecos-timeline-day{margin-bottom:var(--space-6)}.ecos-timeline-day>h3{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}
.ecos-skeleton-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); }.ecos-skeleton { min-height:10rem; border-radius:var(--radius-md); background:linear-gradient(90deg,var(--panel) 25%,var(--panel-2) 50%,var(--panel) 75%); background-size:200% 100%; animation:ecos-shimmer 1.2s infinite; }
@keyframes ecos-shimmer { to { background-position:-200% 0; } }
@media (max-width:900px) { .ecos-intro{flex-direction:column}.ecos-sources{justify-content:flex-start}.ecos-skeleton-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px) { .ecos-toolbar{align-items:stretch;flex-direction:column}.ecos-decision-strip,.ecos-consultant-answer,.ecos-inbox-pulse{grid-template-columns:1fr}.ecos-domain-heading{align-items:flex-start;flex-direction:column}.ecos-domain-heading>span{text-align:left}.ecos-skeleton-grid{grid-template-columns:1fr}.ecos-record--intelligence{grid-column:span 1}.ecos-record-meta{grid-template-columns:1fr}.ecos-record-meta dt{font-size:.68rem}.ecos-kanban{grid-auto-columns:88vw}.executive-filter-bar{display:grid;grid-template-columns:1fr 1fr}.ecos-readiness{align-items:flex-start;flex-direction:column} }
@media (prefers-reduced-motion:reduce) { .ecos-record{transition:none}.ecos-skeleton{animation:none} }