@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

/* WorkYodha approved global color and typography migration.
   This layer intentionally changes visual tokens only; component geometry remains owned by each interface. */
:root {
  --wy-workspace: #F7F9FC;
  --wy-card: #FFFFFF;
  --wy-surface: #F8FAFC;
  --wy-selected: #EAF3FF;
  --wy-sidebar: #0B1F3A;
  --wy-sidebar-deep: #102A4C;
  --wy-sidebar-text: #E5EEFB;
  --wy-sidebar-muted: #93A4BC;
  --wy-blue: #146EF5;
  --wy-blue-hover: #0B5ED7;
  --wy-text: #172033;
  --wy-muted: #667085;
  --wy-subtle: #98A2B3;
  --wy-border: #DBE3EF;
  --wy-border-subtle: #E4E7EC;
  --wy-command-surface: #F3F7FF;
  --wy-command-gradient: linear-gradient(135deg, #FFFFFF 0%, #F3F7FF 100%);
  --wy-success: #15803D;
  --wy-warning: #D4B85D;
  --wy-danger: #8F2F37;
  --wy-shadow-card: 0 4px 14px rgba(15, 23, 42, .06);
}

/* Phase 5: calm, shared execution language. */
.execution-lifecycle{margin:18px 0;padding:14px 16px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;overflow:hidden}
.execution-lifecycle ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none}
.execution-lifecycle li{position:relative;display:flex;align-items:center;gap:8px;color:#667085;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.execution-lifecycle li:not(:last-child)::after{content:"";position:absolute;left:30px;right:8px;top:13px;height:2px;background:#e5e9f0;z-index:0}
.lifecycle-dot{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:2px solid #d5dce7;border-radius:50%;background:#fff;color:#7b8495;font-size:11px}
.lifecycle-dot svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.execution-lifecycle .is-complete{color:#15803d}.execution-lifecycle .is-complete .lifecycle-dot{border-color:#15803d;background:#15803d;color:#fff}.execution-lifecycle .is-complete::after{background:#86c99b!important}
.execution-lifecycle .is-current{color:#0b5ed7}.execution-lifecycle .is-current .lifecycle-dot{border-color:#146ef5;background:#eaf3ff;color:#0b5ed7}
.execution-lifecycle .is-warning{color:#8a5a00}.execution-lifecycle .is-warning .lifecycle-dot{border-color:#d99a20;background:#fff7e6;color:#8a5a00}
.execution-lifecycle .lifecycle-rework{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff7e6;color:#7a4c00;text-transform:none;letter-spacing:0}
.execution-lifecycle .lifecycle-blocked{margin:0;padding:12px;border:2px solid #b42318;border-radius:10px;background:#fff1f0;color:#8a1712}.execution-lifecycle .lifecycle-terminal{margin:0;padding:12px;border-radius:10px;background:#eef0f3;color:#344054}.execution-lifecycle.is-blocked{border-color:#d92d20;background:#fff8f7}.execution-lifecycle.is-cancelled{background:#f8f9fb}
.execution-stage{color:#146ef5;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.execution-shell{display:grid;gap:18px}.execution-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.execution-panel{border:1px solid #dbe3ef;border-radius:18px;background:#fff;padding:20px}.execution-panel h2{margin-top:0}.proof-surface{border-top:4px solid #146ef5}.evidence-compare{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden}.evidence-compare>div{padding:14px}.evidence-compare>div+div{border-left:1px solid #dbe3ef;background:#fafbfc}.execution-flow{display:flex;align-items:stretch;gap:12px}.execution-flow>section{flex:1;min-width:0}.execution-transform{flex:0 0 150px;display:grid;place-items:center;text-align:center;border:1px solid #b9d4fb;border-radius:18px;background:#f5f9ff;color:#0b5ed7}.execution-transform svg{width:34px;fill:none;stroke:currentColor;stroke-width:1.8}.playbook-rail{border-left:2px solid #dbe3ef;margin-left:14px;padding-left:26px}.playbook-rail>section{position:relative;margin-bottom:18px}.playbook-rail>section::before{content:"";position:absolute;left:-34px;top:3px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#146ef5;box-shadow:0 0 0 1px #146ef5}
@media(max-width:900px){.execution-split,.evidence-compare{grid-template-columns:1fr}.evidence-compare>div+div{border-left:0;border-top:1px solid #dbe3ef}.execution-flow{display:grid}.execution-transform{min-height:110px}.execution-lifecycle ol{grid-template-columns:repeat(3,1fr);gap:12px}.execution-lifecycle li::after{display:none}}
@media(max-width:560px){.execution-lifecycle{padding:12px}.execution-lifecycle ol{grid-template-columns:1fr}.execution-lifecycle li{min-height:30px}.execution-panel{padding:16px}}

html, body, button, input, select, textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
  background-color: var(--wy-workspace) !important;
  background-image: none !important;
  color: var(--wy-text) !important;
}

body::before { background-image: none !important; }

/* Shared workspace surfaces. */
.main-area, .workspace, .main-content, .page, .shell, .app-content,
[class*="workspace"] {
  color: var(--wy-text);
}

.card, .section-card, .panel, .modal, .modal-content, .drawer,
.dropdown-menu, .menu, .popover, .hero, .task, .step, .event,
.proof-box, .decision-card, .exec-node, .task-node, .risk-card,
.module-store-card, .empty-state, .pilot-request-form, dialog {
  background-color: var(--wy-card) !important;
  background-image: none !important;
  color: var(--wy-text) !important;
  border-color: var(--wy-border-subtle) !important;
  box-shadow: var(--wy-shadow-card) !important;
  text-shadow: none !important;
}

.card::before, .panel::before, .hero::before { background: none !important; }

.muted, .subhead, .label, .helper, .meta, .subtitle,
[class*="muted"] { color: var(--wy-muted) !important; }

h1, h2, h3, h4, h5, h6, .headline, .metric-value {
  color: var(--wy-text) !important;
  text-shadow: none !important;
}

h1, .page-title, .headline { font-weight: 800 !important; }
h2, h3, .card-title, .section-title { font-weight: 700 !important; }

.headline span, .gradient-text, .page-header h1 {
  background: none !important;
  color: var(--wy-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Sidebar is the sole persistent dark application surface. */
.sidebar, .app-sidebar, aside.sidebar, nav.sidebar {
  background: linear-gradient(180deg, var(--wy-sidebar), var(--wy-sidebar-deep)) !important;
  color: var(--wy-sidebar-text) !important;
  border-color: rgba(229, 238, 251, .12) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

.demo-sidebar {
  background: linear-gradient(180deg, var(--wy-sidebar) 0%, var(--wy-sidebar-deep) 100%) !important;
  border-color: rgba(229, 238, 251, .12) !important;
  box-shadow: 0 18px 44px rgba(11, 31, 58, .18), inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

.sidebar a, .sidebar button, .sidebar .brand, .sidebar .nav-pill {
  color: var(--wy-sidebar-text) !important;
}

.sidebar .muted, .sidebar .nav-title, .sidebar .nav-section, .sidebar .brand-sub {
  color: var(--wy-sidebar-muted) !important;
}

.sidebar .nav-pill, .sidebar a.active, .sidebar [aria-current="page"] {
  background: rgba(20, 110, 245, .24) !important;
  border-color: rgba(20, 110, 245, .35) !important;
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, .72), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.demo-sidebar-link.active, .demo-sidebar-link.featured.active {
  background: rgba(20, 110, 245, .24) !important;
  border-color: rgba(20, 110, 245, .35) !important;
  box-shadow: inset 3px 0 0 var(--wy-blue), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}
.demo-sidebar-link:hover, .demo-sidebar-sublink:hover { background: rgba(255, 255, 255, .09) !important; }

.sidebar a:hover { background: rgba(255, 255, 255, .09) !important; box-shadow: none !important; }
.brand-mark, .orb { background: var(--wy-blue) !important; box-shadow: 0 4px 12px rgba(20, 110, 245, .18) !important; }

.topbar, .top-bar, .page-header, header.app-header {
  background-color: #FFFFFF !important;
  background-image: var(--wy-command-gradient) !important;
  color: var(--wy-text) !important;
  border-color: var(--wy-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .07) !important;
}

.page-header h1, .hero .headline { letter-spacing: -.025em; }
.eyebrow, .section-label, .label {
  color: var(--wy-blue) !important;
  font-weight: 700 !important;
}

/* High-value command surfaces stand apart without changing their geometry. */
#executive-command-center, #ai-coo, #department-health,
[id*="digital-twin"], [id*="scenario"], [id*="meeting-execution"],
[id*="risk-intelligence"], [id*="employee-intelligence"],
.demo-ai-coo-card, .demo-command .panel, .executive-card, .command-card,
.ai-card, .decision-card, .risk-card, .department-health-card {
  background-color: var(--wy-command-surface) !important;
  background-image: var(--wy-command-gradient) !important;
  border-color: rgba(20, 110, 245, .28) !important;
  box-shadow: inset 3px 0 0 var(--wy-blue), 0 8px 24px rgba(15, 23, 42, .07) !important;
}

/* Controls retain their existing dimensions and shapes. */
input, select, textarea {
  background-color: var(--wy-card) !important;
  color: var(--wy-text) !important;
  border-color: var(--wy-border) !important;
  box-shadow: none !important;
}

input::placeholder, textarea::placeholder { color: var(--wy-subtle) !important; }
select option { background: var(--wy-card) !important; color: var(--wy-text) !important; }
input:focus, select:focus, textarea:focus {
  border-color: var(--wy-blue) !important;
  box-shadow: 0 0 0 3px rgba(20, 110, 245, .15) !important;
  outline: none;
}

button:not(.secondary):not(.danger):not(.ghost), .button:not(.secondary):not(.danger),
.btn-primary, .btn-hero, .cta:not(.ghost) {
  background-color: var(--wy-blue) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(20, 110, 245, .18) !important;
  text-shadow: none !important;
}

button:not(.secondary):not(.danger):not(.ghost):hover, .button:not(.secondary):not(.danger):hover,
.btn-primary:hover, .btn-hero:hover, .cta:not(.ghost):hover {
  background-color: var(--wy-blue-hover) !important;
  box-shadow: 0 6px 16px rgba(20, 110, 245, .22) !important;
}

button.secondary, .button.secondary, .btn-secondary, .ghost, .btn-glass, .btn-outline-glow {
  background: var(--wy-card) !important;
  color: var(--wy-text) !important;
  border-color: var(--wy-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

/* KPI hierarchy: blue is the default; status tones remain explicitly semantic. */
.metric-card, .kpi-item, .cc-metric-card, .demo-ai-coo-metric {
  background-color: var(--wy-card) !important;
  border-color: var(--wy-border-subtle) !important;
  box-shadow: inset 0 3px 0 var(--wy-blue), var(--wy-shadow-card) !important;
}
.metric-value, .kpi-value, .cc-metric-value, .demo-ai-coo-metric b {
  color: #101828 !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}
.metric-label, .kpi-label { color: var(--wy-muted) !important; font-weight: 600 !important; }
.tone-red, .risk-critical, .status-danger { box-shadow: inset 0 3px 0 var(--wy-danger), var(--wy-shadow-card) !important; }
.tone-warning, .risk-watch, .status-warning { box-shadow: inset 0 3px 0 var(--wy-warning), var(--wy-shadow-card) !important; }
.tone-green, .healthy, .status-success { box-shadow: inset 0 3px 0 var(--wy-success), var(--wy-shadow-card) !important; }

table { background: var(--wy-card) !important; color: var(--wy-text) !important; border-color: var(--wy-border) !important; }
thead, th { background: var(--wy-surface) !important; color: var(--wy-text) !important; }
td, th { border-color: var(--wy-border) !important; }
tbody tr:hover td { background: var(--wy-surface) !important; }

.tab, .chip, .price-chip, .status-badge {
  background: var(--wy-selected) !important;
  color: var(--wy-blue) !important;
  border-color: rgba(20, 110, 245, .24) !important;
  box-shadow: none !important;
}
.tab.active { background: rgba(20, 110, 245, .24) !important; border-color: var(--wy-blue) !important; }

/* Light blue badges must retain dark-blue foreground contrast. */
.twin-badge, .badge, .status-badge, .chip {
  color: #0B5ED7 !important;
}
.twin-badge.solid, .badge.solid, .status-badge.solid, .chip.solid {
  background: var(--wy-blue) !important;
  color: #FFFFFF !important;
}

/* Status colors remain semantic. */
.success, .status-success, .healthy { color: var(--wy-success) !important; }
.warning, .status-warning, .risk-watch { color: var(--wy-warning) !important; }
.danger, .status-danger, .risk-critical, .error { color: var(--wy-danger) !important; }
.dot { box-shadow: none !important; }

.glow-violet, .card.hot, .premium-card:hover {
  box-shadow: var(--wy-shadow-card) !important;
}
.metric-card:hover { box-shadow: inset 0 3px 0 var(--wy-blue), var(--wy-shadow-card) !important; }
.animated-border::before { box-shadow: none !important; }

/* Enterprise premium command system — shared by every role and enterprise route. */
:root {
  --wy-navy-950:#031127; --wy-navy-900:#061b36; --wy-navy-800:#0a2b52;
  --wy-blue:#0869f7; --wy-blue-light:#5AA2FF; --wy-canvas:#f3f7fc;
  --wy-shadow-card:0 1px 2px rgba(8,28,57,.04),0 12px 32px rgba(8,38,79,.08);
}
body { background:var(--wy-canvas)!important; }
.enterprise-shell { grid-template-columns:272px minmax(0,1fr); }
.sidebar {
  padding:22px 16px!important;
  background:radial-gradient(circle at 15% 0,rgba(18,115,255,.28),transparent 25%),linear-gradient(165deg,var(--wy-navy-950),var(--wy-navy-900) 58%,#04162e)!important;
  box-shadow:10px 0 36px rgba(2,15,34,.16)!important; scrollbar-width:thin; scrollbar-color:#24486c transparent;
}
.brand { padding:4px 7px 22px; margin-bottom:10px!important; border-bottom:1px solid rgba(255,255,255,.1); }
.brand-mark { width:47px!important;height:47px!important;padding:5px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12);border-radius:13px!important; }
.brand-mark img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,105,255,.38)); }
.brand-name { color:#fff;font-size:1.14rem!important;letter-spacing:-.035em!important; }
.brand-name span { color:#58a7ff; }
.brand-sub { text-transform:uppercase;font-size:.59rem!important;letter-spacing:.14em;font-weight:700; }
.nav-title { padding:0 10px;margin-top:16px!important;font-size:.62rem!important; }
.nav-section { padding:13px 10px 4px;color:#6f8eae!important;font-size:.59rem!important; }
.nav-list { gap:3px!important; }
.nav-list a { justify-content:flex-start!important;position:relative;padding:10px 12px!important;border:0!important;background:transparent!important;border-radius:9px!important;font-size:.78rem;font-weight:600;color:#bcd0e5!important;transition:.2s ease; }
.nav-list a::before { content:'◇';display:grid;place-items:center;width:20px;height:20px;color:#7fa7cb;font-size:.8rem;flex:0 0 20px; }
.nav-list a:hover { color:#fff!important;transform:translateX(2px); }
.nav-list a.active,.nav-list a[aria-current=page] { color:#fff!important;background:linear-gradient(90deg,rgba(15,103,240,.68),rgba(15,103,240,.25))!important;box-shadow:inset 3px 0 #5fb6ff,0 8px 20px rgba(0,61,156,.23)!important; }
.nav-list a.active::before { content:'◆';color:#9dd1ff; }
.sidebar-intelligence { position:sticky;bottom:-3px;display:flex;align-items:center;gap:9px;margin-top:22px;padding:11px;border:1px solid rgba(74,160,255,.24);border-radius:12px;background:linear-gradient(135deg,rgba(16,75,145,.62),rgba(5,28,59,.92));box-shadow:0 12px 30px rgba(0,0,0,.2); }
.intelligence-orb { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#63c4ff,#0665ec 65%,#063b9e);box-shadow:0 0 18px rgba(38,142,255,.55); }
.sidebar-intelligence div { display:grid;line-height:1.2;flex:1; }.sidebar-intelligence strong{font-size:.68rem;letter-spacing:.08em}.sidebar-intelligence small{font-size:.57rem;color:#8da9c5}.live-indicator,.system-live i{width:7px;height:7px;border-radius:50%;background:#2bd67b;box-shadow:0 0 0 4px rgba(43,214,123,.12),0 0 12px #2bd67b;}
.main-area { background:radial-gradient(circle at 90% 0,rgba(36,124,255,.08),transparent 28%),var(--wy-canvas)!important; }
.topbar { min-height:76px;padding:12px 28px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px)!important;box-shadow:0 1px 0 #dae4f1!important; }
.topbar>div:first-child>strong { font-size:1rem;color:#0a1d37; }.top-meta{gap:7px!important;margin-top:5px}.topbar .chip{font-size:.65rem;padding:3px 8px!important;border-color:#d9e7f7!important;background:#f6f9fd!important;color:#54708d!important}.system-live{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dce8f5;border-radius:9px;background:#fff;color:#43617d;font-size:.7rem;font-weight:700}.system-live i{display:block}
.enterprise-language-control{border-color:#dce7f3!important;background:#fff!important;border-radius:9px!important}.enterprise-language-control label{color:#58728c!important}.enterprise-language-select{background:#fff!important;color:#19344f!important;font-size:.72rem!important}.topbar button.secondary{border:1px solid #dce7f3!important;border-radius:9px!important;padding:.62rem .85rem!important}
.content { max-width:1600px!important;padding:28px 32px 48px!important; }
.page-header { position:relative;overflow:hidden;padding:24px 26px!important;margin-bottom:20px!important;border:1px solid #d8e5f2!important;border-radius:18px!important;background:linear-gradient(110deg,#fff 0%,#f7fbff 66%,#eaf3ff 100%)!important;box-shadow:var(--wy-shadow-card)!important; }
.page-header::after { content:'';position:absolute;right:-40px;top:-70px;width:240px;height:240px;border:36px solid rgba(8,105,247,.055);border-radius:50%;pointer-events:none; }
.page-header h1 { font-size:clamp(1.7rem,2.3vw,2.65rem)!important;color:#071b35!important;letter-spacing:-.045em!important; }
.page-header .muted { max-width:780px; }.eyebrow{font-size:.65rem!important;letter-spacing:.14em!important;color:#0871f9!important;margin-bottom:7px!important}.eyebrow::before{content:'◆';margin-right:7px;font-size:.55rem}
.card,.section-card { border:1px solid #dce6f1!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#fbfdff)!important;box-shadow:var(--wy-shadow-card)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.card::before,.panel::before,.hero::before{display:none!important}.card:hover{border-color:#c5d9ef!important;box-shadow:0 2px 3px rgba(8,28,57,.03),0 18px 42px rgba(8,55,112,.1)!important}.card-header{padding-bottom:12px;border-bottom:1px solid #edf2f7}.card h2,.card h3{color:#0b213d!important}.card h2{font-size:1rem!important}.muted{color:#6d8095!important}
.metric-grid,.pulse-grid,.cc-metric-strip{gap:12px!important}.metric-card,.cc-metric{position:relative;min-height:112px!important;padding:16px!important;border:1px solid #dce6f1!important;border-radius:14px!important;background:#fff!important;box-shadow:inset 0 3px #1976f3,0 8px 20px rgba(16,55,100,.06)!important}.metric-card::after,.cc-metric::after{content:'↗';position:absolute;right:13px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf5ff;color:#0869f7;font-weight:800}.metric-value,.cc-metric-value{font-size:1.75rem!important;color:#0b1e36!important}.metric-label,.cc-metric-label{font-size:.66rem!important;color:#718398!important;letter-spacing:.06em!important}.cc-metric-delta{color:#718398!important}
.section-card>h2:first-child{display:flex;align-items:center;gap:8px;margin-bottom:14px}.section-card>h2:first-child::before{content:'';width:4px;height:18px;border-radius:3px;background:linear-gradient(#1681ff,#0756d8)}
.button,button{border-radius:9px!important;background:linear-gradient(135deg,#1178ff,#0759d8)!important;box-shadow:0 6px 14px rgba(8,105,247,.18)!important;font-size:.78rem;transition:.18s ease}.button:hover,button:hover{transform:translateY(-1px)}button.secondary,.button.secondary{background:#fff!important;color:#294761!important;border:1px solid #d6e2ef!important}
input,select,textarea{border-radius:9px!important;padding:.72rem .8rem!important;background:#fbfdff!important}label{color:#334e68!important;font-size:.77rem!important}.form-grid{padding-top:8px}.table-wrap{border-color:#dbe6f1!important;border-radius:13px!important}th{background:#f4f8fc!important;color:#526a82!important;font-size:.66rem!important}td{font-size:.78rem}tbody tr:hover td{background:#f1f7ff!important}
.empty-state{position:relative;padding:28px 22px 28px 62px!important;border-color:#c8d9eb!important;background:linear-gradient(135deg,#f8fbff,#eef5fe)!important}.empty-state::before{content:'✦';position:absolute;left:22px;top:22px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#dcecff;color:#0869f7;font-size:1rem}
.compact-row,.exec-node,.task-node,.risk-card,.decision-card{background:#f8fbff!important;border-color:#dbe7f3!important}.exec-lane{border-left:4px solid #0b70f5!important}.decision-card{box-shadow:inset 3px 0 #0869f7!important}.status-badge{font-size:.68rem!important;border-radius:20px!important}.filter-bar{padding:12px;border-radius:12px;background:#f5f9fd}.pipeline .exec-node{position:relative;overflow:hidden}.pipeline .exec-node::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:65%;background:linear-gradient(90deg,#0869f7,#49b4ff)}
@media(max-width:900px){.enterprise-shell{grid-template-columns:1fr}.sidebar{position:relative!important;height:auto!important}.sidebar-intelligence{display:none}.content{padding:20px 16px 40px!important}.topbar{padding:12px 16px!important}.page-header{padding:20px!important}}

/* Pass 2: desktop zoom layout hardening. These rules preserve the existing visual system. */
.enterprise-shell,.main-area,.content,.card,.section-card,.card-header>*,.page-header>*{min-width:0}
.nav-list a{min-width:0;align-items:flex-start}
.nav-list a>*:not(:first-child),.brand>div{min-width:0;overflow-wrap:anywhere}
.card-header,.header-actions,.actions-row{flex-wrap:wrap}
.card,.section-card,.task-card,.exec-node,.task-node,.decision-card,.risk-card{height:auto;overflow-wrap:anywhere}
.card-header h2,.card-header h3,.status-badge,.button,button{white-space:normal}

/* Strong-blue information cards use a deliberately shallow, readable hierarchy. */
.wy-blue-card{height:auto;padding:18px;border:1px solid #3b82f6;border-radius:16px;background:#0b4fa8;color:#fff;overflow:visible}
.wy-blue-card h2,.wy-blue-card h3,.wy-blue-card h4,.wy-blue-card strong,.wy-blue-card a{color:#fff!important}
.wy-blue-card p,.wy-blue-card small,.wy-blue-card span,.wy-blue-card .muted{color:rgba(255,255,255,.86)!important}
.wy-blue-card .wy-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0 0}
.wy-blue-card .wy-card-reason{margin:14px 0 0;line-height:1.55}
.wy-blue-card .actions-row,.wy-blue-card .mini-actions{margin-top:16px}
.wy-card-details{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}
.wy-card-details>summary{color:#fff;font-weight:800;cursor:pointer;list-style-position:outside}
.wy-card-details>summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.wy-card-details[open]>summary{margin-bottom:14px}
.table-wrap,.responsive-table{max-width:100%;overflow-x:auto}
@media (max-width:1280px){
  .grid.three{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
  .map-columns{grid-template-columns:minmax(0,1fr)}
  .side-panel{min-width:0}
}

/* Shared semantic status palette across live demo workspaces. */
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[class~="bad"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[class~="bottleneck"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-status="at_risk"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-risk="high"]{background-color:#fde8e8!important;border-color:#b33a45!important}
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[class~="good"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[class~="healthy"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-status="ready"],
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-status="ready_for_review"]{background-color:#e2f5e9!important;border-color:#27805a!important}
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live).blue,
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-tone="blue"]{background-color:#146ef5!important;color:#fff!important}
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live).blue *,
:is(.card,.task,.execution-node,.dept-tile,.stage,.wy-task-live)[data-tone="blue"] *{color:#fff!important}