:root {
      --healthy: #22c55e;
      --impaired: #f59e0b;
      --unhealthy: #ef4444;
      --unknown: #94a3b8;
      --bg: #0f172a;
      --panel: #111827;
      --panel-2: #1f2937;
      --text: #e5e7eb;
      --muted: #94a3b8;
      --border: #334155;
      --dashboard-content-width: 1480px;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: var(--bg);
      color: var(--text);
      overflow-x: hidden;
    }
    .container {
      max-width: var(--dashboard-content-width);
      width: 100%;
      margin: 0 auto;
      padding: 18px 24px 24px;
    }
    .header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 24px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .header h1 {
      margin: 0 0 4px;
      font-size: 24px;
    }
    .header-meta {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 4px;
      text-align: right;
      min-width: 260px;
    }
    .header-auth {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
    .logout-link {
      color: #93c5fd;
      font-size: 13px;
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .logout-link[hidden] { display: none; }
    .subtle { color: var(--muted); font-size: 14px; }
    .refresh-cadence { max-width: 320px; }
    .controls, .summary, .panels {
      display: grid;
      gap: 16px;
      min-width: 0;
    }
    .primary-map {
      margin-bottom: 10px;
      min-width: 0;
    }
    .executive-overview {
      display: grid;
      grid-template-columns: minmax(280px, .95fr) minmax(520px, 1.55fr) minmax(260px, .8fr);
      gap: 12px;
      align-items: stretch;
      margin-bottom: 10px;
      padding: 14px;
      border: 1px solid rgba(148,163,184,.24);
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(31,41,55,.92));
      box-shadow: 0 10px 28px rgba(0,0,0,.20);
    }
    .executive-overview.clear {
      border-color: rgba(34,197,94,.30);
    }
    .executive-overview.watch {
      border-color: rgba(148,163,184,.34);
    }
    .executive-overview.degraded {
      border-color: rgba(245,158,11,.38);
    }
    .executive-overview.critical {
      border-color: rgba(239,68,68,.46);
    }
    .executive-overview.unknown {
      border-color: rgba(148,163,184,.22);
    }
    .executive-posture {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
    }
    .executive-eyebrow {
      color: #93c5fd;
      font-size: 11px;
      font-weight: 750;
      letter-spacing: .08em;
      margin-bottom: 7px;
      text-transform: uppercase;
    }
    .executive-status-line {
      display: flex;
      align-items: center;
      gap: 9px;
      min-width: 0;
      margin-bottom: 8px;
    }
    .executive-status-line strong {
      color: #f8fafc;
      font-size: 26px;
      line-height: 1.05;
    }
    .executive-status-dot {
      width: 12px;
      height: 12px;
      border-radius: 999px;
      background: var(--unknown);
      box-shadow: 0 0 0 5px rgba(148,163,184,.12);
      flex: 0 0 auto;
    }
    .executive-status-dot.clear {
      background: var(--healthy);
      box-shadow: 0 0 0 5px rgba(34,197,94,.12);
    }
    .executive-status-dot.watch {
      background: #cbd5e1;
      box-shadow: 0 0 0 5px rgba(203,213,225,.10);
    }
    .executive-status-dot.degraded {
      background: var(--impaired);
      box-shadow: 0 0 0 5px rgba(245,158,11,.13);
    }
    .executive-status-dot.critical {
      background: var(--unhealthy);
      box-shadow: 0 0 0 5px rgba(239,68,68,.14);
    }
    .executive-posture p {
      margin: 0;
      color: #cbd5e1;
      font-size: 13px;
      line-height: 1.45;
    }
    .executive-cadence {
      width: fit-content;
      max-width: 100%;
      margin-top: 10px;
      padding: 5px 8px;
      border: 1px solid rgba(147,197,253,.22);
      border-radius: 999px;
      background: rgba(30,64,175,.20);
      color: #bfdbfe;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.25;
    }
    .executive-kpis {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      min-width: 0;
    }
    .executive-kpi {
      min-width: 0;
      padding: 10px 11px;
      border: 1px solid rgba(148,163,184,.18);
      border-radius: 8px;
      background: rgba(15,23,42,.56);
    }
    .executive-kpi span,
    .executive-priority span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.2;
    }
    .executive-kpi strong {
      display: block;
      margin-top: 7px;
      color: #f8fafc;
      font-size: 24px;
      line-height: 1;
    }
    .executive-kpi em,
    .executive-priority em {
      display: block;
      margin-top: 7px;
      color: #cbd5e1;
      font-size: 11px;
      font-style: normal;
      line-height: 1.3;
    }
    .executive-kpi.risk strong { color: #fecaca; }
    .executive-kpi.exposure strong { color: #bfdbfe; }
    .executive-kpi.freshness strong { color: #fde68a; }
    .executive-kpi.signal strong { color: #bbf7d0; }
    .executive-priorities {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .executive-priorities > span {
      align-self: center;
      color: var(--muted);
      font-size: 12px;
    }
    .executive-priority {
      display: grid;
      grid-template-columns: 62px 34px minmax(0, 1fr);
      gap: 8px;
      align-items: center;
      min-width: 0;
      padding: 8px 10px;
      border: 1px solid rgba(148,163,184,.16);
      border-radius: 8px;
      background: rgba(15,23,42,.50);
    }
    .executive-priority strong {
      color: #f8fafc;
      font-size: 17px;
      line-height: 1;
      text-align: right;
    }
    .executive-priority em {
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .executive-priority.critical {
      border-color: rgba(239,68,68,.28);
    }
    .executive-priority.degraded {
      border-color: rgba(245,158,11,.26);
    }
    .executive-evidence {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      padding-top: 2px;
    }
    .executive-evidence > span {
      grid-column: 1 / -1;
      color: var(--muted);
      font-size: 12px;
    }
    .evidence-card {
      min-width: 0;
      padding: 9px 10px;
      border: 1px solid rgba(148,163,184,.16);
      border-radius: 8px;
      background: rgba(15,23,42,.44);
    }
    .evidence-card span {
      display: block;
      color: var(--muted);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .evidence-card strong {
      display: block;
      margin-top: 5px;
      color: #f8fafc;
      font-size: 18px;
      line-height: 1;
    }
    .evidence-card em {
      display: block;
      margin-top: 6px;
      color: #cbd5e1;
      font-size: 10px;
      font-style: normal;
      line-height: 1.3;
    }
    .evidence-card.failure {
      border-color: rgba(239,68,68,.32);
      background: rgba(69,10,10,.24);
    }
    .evidence-card.failure strong { color: #fecaca; }
    .evidence-card.watch,
    .evidence-card.stale {
      border-color: rgba(245,158,11,.30);
      background: rgba(67,42,20,.26);
    }
    .evidence-card.watch strong,
    .evidence-card.stale strong { color: #fde68a; }
    .evidence-card.live {
      border-color: rgba(20,184,166,.26);
      background: rgba(19,78,74,.22);
    }
    .evidence-card.live strong { color: #99f6e4; }
    .evidence-card.signal {
      border-color: rgba(148,163,184,.26);
      background: rgba(51,65,85,.28);
    }
    .evidence-card.signal strong { color: #e2e8f0; }
    .dag-operations-panel {
      display: grid;
      grid-template-columns: minmax(250px, .42fr) minmax(280px, .44fr) minmax(360px, 1fr);
      gap: 12px;
      align-items: stretch;
      margin-bottom: 10px;
      padding: 12px;
      border: 1px solid rgba(20,184,166,.25);
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(15,23,42,.92), rgba(19,78,74,.20));
      box-shadow: 0 8px 24px rgba(0,0,0,.18);
    }
    .dag-operations-panel[hidden] {
      display: none;
    }
    .dag-operations-title,
    .dag-meter-block,
    .dag-queue {
      min-width: 0;
    }
    .dag-operations-title {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
    }
    .dag-operations-title strong,
    .dag-queue-heading strong {
      color: #f8fafc;
      font-size: 15px;
      line-height: 1.2;
    }
    .dag-operations-title span,
    .dag-source-summary,
    .dag-queue-heading span {
      color: #cbd5e1;
      font-size: 12px;
      line-height: 1.35;
    }
    .dag-meter-block {
      display: grid;
      align-content: center;
      gap: 8px;
      padding: 10px;
      border: 1px solid rgba(148,163,184,.15);
      border-radius: 8px;
      background: rgba(15,23,42,.48);
    }
    .dag-meter-label {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: baseline;
      color: var(--muted);
      font-size: 11px;
      font-weight: 750;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .dag-meter-label strong {
      color: #99f6e4;
      font-size: 18px;
      line-height: 1;
    }
    .dag-meter {
      height: 9px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(51,65,85,.72);
    }
    .dag-meter span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #14b8a6, #22c55e);
      box-shadow: 0 0 18px rgba(20,184,166,.28);
    }
    .dag-source-summary {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dag-metrics {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 8px;
      grid-column: 1 / -1;
    }
    .dag-metrics div {
      min-width: 0;
      padding: 9px 10px;
      border: 1px solid rgba(148,163,184,.15);
      border-radius: 8px;
      background: rgba(15,23,42,.42);
    }
    .dag-metrics span {
      display: block;
      color: var(--muted);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .dag-metrics strong {
      display: block;
      margin-top: 5px;
      color: #f8fafc;
      font-size: 19px;
      line-height: 1;
    }
    .dag-metrics em {
      display: block;
      margin-top: 6px;
      color: #cbd5e1;
      font-size: 10px;
      font-style: normal;
      line-height: 1.3;
    }
    .dag-queue {
      display: grid;
      gap: 6px;
      max-height: 178px;
      overflow: hidden;
      padding: 10px;
      border: 1px solid rgba(148,163,184,.15);
      border-radius: 8px;
      background: rgba(15,23,42,.48);
    }
    .dag-queue-heading {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: baseline;
      min-width: 0;
    }
    .dag-queue-row {
      display: grid;
      grid-template-columns: minmax(160px, 1.1fr) auto minmax(150px, .7fr) minmax(150px, .8fr);
      gap: 8px;
      align-items: center;
      min-width: 0;
      padding: 7px 8px;
      border: 1px solid rgba(148,163,184,.14);
      border-radius: 7px;
      background: rgba(30,41,59,.46);
    }
    .dag-queue-row.unhealthy {
      border-color: rgba(239,68,68,.28);
      background: rgba(69,10,10,.22);
    }
    .dag-queue-row.impaired,
    .dag-queue-row.stale {
      border-color: rgba(245,158,11,.24);
      background: rgba(67,42,20,.20);
    }
    .dag-queue-row div,
    .dag-queue-row em,
    .dag-queue-row small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dag-queue-row strong {
      display: block;
      color: #f8fafc;
      font-size: 12px;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dag-queue-row span:not(.status-pill),
    .dag-queue-row small,
    .dag-queue-row em {
      color: #cbd5e1;
      font-size: 11px;
      font-style: normal;
      line-height: 1.25;
    }
    .dag-queue-row span:not(.status-pill),
    .dag-queue-row small {
      color: var(--muted);
    }
    .dag-queue-empty {
      padding: 8px;
      color: #bbf7d0;
      font-size: 12px;
      border: 1px solid rgba(34,197,94,.22);
      border-radius: 7px;
      background: rgba(20,83,45,.18);
    }
    .public-status-editor {
      display: grid;
      gap: 12px;
      margin-bottom: 10px;
      padding: 14px;
      border: 1px solid rgba(20,184,166,.24);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(15, 23, 42, .90), rgba(17, 24, 39, .92));
      box-shadow: 0 8px 24px rgba(0,0,0,.18);
    }
    .public-status-editor[hidden] { display: none; }
    .public-status-editor-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      min-width: 0;
    }
    .public-status-editor-header h2 {
      margin: 0;
      color: #f8fafc;
      font-size: 18px;
      line-height: 1.15;
    }
    .public-status-live-readout {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 6px 9px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(15, 23, 42, .64);
      white-space: nowrap;
    }
    .public-status-live-readout strong {
      color: #f8fafc;
      font-size: 12px;
    }
    .public-status-live-readout em {
      color: var(--muted);
      font-size: 11px;
      font-style: normal;
      font-weight: 650;
    }
    .public-status-decision {
      display: grid;
      grid-template-columns: minmax(280px, 1.1fr) minmax(190px, .55fr) minmax(220px, .7fr);
      gap: 10px;
      min-width: 0;
      padding: 11px 12px;
      border: 1px solid rgba(34,197,94,.26);
      border-radius: 8px;
      background: rgba(20, 83, 45, .13);
    }
    .public-status-decision.monitoring {
      border-color: rgba(96,165,250,.30);
      background: rgba(30, 64, 175, .16);
    }
    .public-status-decision.degraded_performance {
      border-color: rgba(245,158,11,.36);
      background: rgba(67, 42, 20, .26);
    }
    .public-status-decision.partial_outage {
      border-color: rgba(239,68,68,.44);
      background: rgba(69, 10, 10, .30);
    }
    .public-status-decision > div {
      min-width: 0;
    }
    .public-status-decision span {
      display: block;
      color: var(--muted);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .public-status-decision strong {
      display: block;
      margin-top: 5px;
      color: #f8fafc;
      font-size: 15px;
      line-height: 1.15;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .public-status-decision .decision-primary strong {
      font-size: 16px;
    }
    .public-status-decision em {
      display: block;
      margin-top: 5px;
      color: #cbd5e1;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 1.35;
    }
    .public-status-decision .confidence-high { color: #bbf7d0; }
    .public-status-decision .confidence-medium { color: #fde68a; }
    .public-status-decision .confidence-low,
    .public-status-decision .confidence-unknown { color: #fecaca; }
    .public-status-editor-grid {
      display: grid;
      grid-template-columns: minmax(360px, .8fr) minmax(440px, 1.2fr);
      gap: 12px;
      align-items: start;
      min-width: 0;
    }
    .public-status-form {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .public-status-form-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }
    .public-status-components {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px 10px;
      min-width: 0;
      margin: 0;
      padding: 10px;
      border: 1px solid rgba(148,163,184,.20);
      border-radius: 8px;
      background: rgba(15, 23, 42, .48);
    }
    .public-status-components legend {
      padding: 0 5px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .public-status-components label,
    .public-status-current-toggle {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      margin: 0;
      color: #cbd5e1;
      font-size: 12px;
      font-weight: 650;
      letter-spacing: 0;
      text-transform: none;
    }
    .public-status-components input,
    .public-status-current-toggle input {
      flex: 0 0 auto;
      width: 15px;
      height: 15px;
      padding: 0;
      accent-color: #14b8a6;
    }
    .public-status-components span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .public-status-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
    }
    .public-status-actions button {
      width: auto;
      cursor: pointer;
    }
    .primary-action {
      border-color: rgba(20,184,166,.58);
      background: rgba(20,184,166,.88);
      color: #042f2e;
      font-weight: 800;
    }
    .public-status-message {
      min-height: 18px;
      color: #99f6e4;
      font-size: 12px;
      font-weight: 650;
    }
    .public-status-message.error { color: #fecaca; }
    .public-status-side {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .public-status-section-title {
      margin-bottom: 7px;
      color: #cbd5e1;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .public-status-preview-card {
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(34,197,94,.24);
      border-radius: 8px;
      background: rgba(20, 83, 45, .16);
    }
    .public-status-preview-card.monitoring {
      border-color: rgba(147,197,253,.28);
      background: rgba(30, 64, 175, .18);
    }
    .public-status-preview-card.degraded_performance {
      border-color: rgba(245,158,11,.34);
      background: rgba(67, 42, 20, .28);
    }
    .public-status-preview-card.partial_outage {
      border-color: rgba(239,68,68,.42);
      background: rgba(69, 10, 10, .30);
    }
    .public-preview-status {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
    }
    .public-preview-status strong {
      color: #f8fafc;
      font-size: 13px;
    }
    .public-preview-status em {
      color: var(--muted);
      font-size: 11px;
      font-style: normal;
      font-weight: 650;
    }
    .public-status-preview-card h3 {
      margin: 0 0 7px;
      color: #f8fafc;
      font-size: 16px;
      line-height: 1.2;
    }
    .public-status-preview-card p {
      margin: 0;
      color: #dbeafe;
      font-size: 13px;
      line-height: 1.45;
    }
    .public-status-preview-card dl {
      display: grid;
      gap: 7px;
      margin: 10px 0 0;
    }
    .public-status-preview-card dl div {
      display: grid;
      grid-template-columns: 94px minmax(0, 1fr);
      gap: 8px;
      min-width: 0;
    }
    .public-status-preview-card dt {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .public-status-preview-card dd {
      min-width: 0;
      margin: 0;
      color: #cbd5e1;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .public-status-dot {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--healthy);
      box-shadow: 0 0 0 4px rgba(34,197,94,.12);
      flex: 0 0 auto;
    }
    .public-status-dot.monitoring {
      background: #60a5fa;
      box-shadow: 0 0 0 4px rgba(96,165,250,.12);
    }
    .public-status-dot.degraded_performance {
      background: var(--impaired);
      box-shadow: 0 0 0 4px rgba(245,158,11,.13);
    }
    .public-status-dot.partial_outage {
      background: var(--unhealthy);
      box-shadow: 0 0 0 4px rgba(239,68,68,.14);
    }
    .public-status-history {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .public-status-history-row {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 9px 10px;
      border: 1px solid rgba(148,163,184,.18);
      border-radius: 8px;
      background: rgba(15, 23, 42, .48);
    }
    .public-status-history-row.operational { border-left: 3px solid var(--healthy); }
    .public-status-history-row.monitoring { border-left: 3px solid #60a5fa; }
    .public-status-history-row.degraded_performance { border-left: 3px solid var(--impaired); }
    .public-status-history-row.partial_outage { border-left: 3px solid var(--unhealthy); }
    .public-status-history-row div {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .public-status-history-row span,
    .public-status-history-row small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 650;
    }
    .public-status-history-row strong {
      color: #f8fafc;
      font-size: 12px;
    }
    .public-status-history-row em {
      color: #bfdbfe;
      font-size: 11px;
      font-style: normal;
      font-weight: 750;
    }
    .public-status-history-row p {
      margin: 0;
      color: #cbd5e1;
      font-size: 12px;
      line-height: 1.35;
    }
    .public-status-empty,
    .public-candidate-empty {
      padding: 10px;
      border: 1px solid rgba(34,197,94,.24);
      border-radius: 8px;
      background: rgba(20, 83, 45, .14);
      color: #bbf7d0;
      font-size: 12px;
      font-weight: 650;
    }
    .public-candidate-empty {
      display: grid;
      gap: 3px;
    }
    .public-candidate-empty span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 600;
    }
    .public-degradation-candidates {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 8px;
      min-width: 0;
    }
    .public-candidate-row {
      display: grid;
      gap: 3px;
      min-width: 0;
      min-height: 74px;
      padding: 9px 10px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(30, 41, 59, .62);
      text-align: left;
      cursor: pointer;
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .public-candidate-row:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.42);
    }
    .public-candidate-row.monitoring {
      border-color: rgba(147,197,253,.30);
      background: rgba(30, 64, 175, .20);
    }
    .public-candidate-row.degraded_performance {
      border-color: rgba(245,158,11,.36);
      background: rgba(67, 42, 20, .30);
    }
    .public-candidate-row.partial_outage {
      border-color: rgba(239,68,68,.42);
      background: rgba(69, 10, 10, .30);
    }
    .public-candidate-row strong,
    .public-candidate-row span,
    .public-candidate-row small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .public-candidate-row strong {
      color: #f8fafc;
      font-size: 12px;
    }
    .public-candidate-row span {
      color: #bfdbfe;
      font-size: 11px;
      font-weight: 700;
    }
    .public-candidate-row small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 600;
    }
    .operator-controls {
      margin-bottom: 10px;
      border: 1px solid rgba(148,163,184,.18);
      border-radius: 8px;
      background: rgba(15,23,42,.42);
    }
    .operator-controls summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 9px 11px;
      color: #cbd5e1;
      cursor: pointer;
      list-style: none;
    }
    .operator-controls summary::-webkit-details-marker {
      display: none;
    }
    .operator-controls summary span {
      font-size: 12px;
      font-weight: 750;
    }
    .operator-controls summary small {
      color: var(--muted);
      font-size: 11px;
    }
    .operator-controls .dashboard-toolbar {
      margin: 0;
      border-width: 1px 0 0;
      border-radius: 0 0 8px 8px;
      background: rgba(15, 23, 42, 0.72);
    }
    .dashboard-toolbar {
      display: grid;
      grid-template-columns: minmax(280px, 1.4fr) minmax(220px, .75fr) auto;
      gap: 10px;
      align-items: end;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: rgba(15, 23, 42, 0.72);
      min-width: 0;
    }
    .toolbar-field label {
      margin-bottom: 4px;
    }
    .toolbar-actions {
      display: flex;
      justify-content: flex-end;
    }
    .controls {
      grid-template-columns: minmax(260px, 1.4fr) minmax(220px, .8fr) minmax(170px, .5fr);
      margin-bottom: 10px;
    }
    .summary {
      grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
      margin-bottom: 10px;
    }
    .panels {
      grid-template-columns: 1fr;
      align-items: start;
    }
    .card {
      background: linear-gradient(180deg, rgba(31,41,55,.95), rgba(17,24,39,.96));
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 12px;
      box-shadow: 0 8px 24px rgba(0,0,0,.2);
      min-width: 0;
    }
    label {
      display: block;
      font-size: 12px;
      color: var(--muted);
      margin-bottom: 6px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    input, button, select, textarea {
      width: 100%;
      padding: 8px 10px;
      background: var(--panel);
      color: var(--text);
      border: 1px solid var(--border);
      border-radius: 8px;
      font: inherit;
    }
    textarea {
      resize: vertical;
      min-height: 72px;
      line-height: 1.35;
    }
    .button-row {
      display: flex;
      gap: 8px;
      align-items: end;
      flex-wrap: wrap;
    }
    .button-row button { width: auto; cursor: pointer; }
    .controls .card { min-height: auto; }
    .controls .small { margin-top: 6px !important; line-height: 1.3; }
    .auth-status {
      min-height: 18px;
    }
    .metric-value {
      font-size: 22px;
      font-weight: 700;
      margin-top: 4px;
    }
    .summary-card {
      border-left-width: 4px;
      cursor: pointer;
      transition: border-color .15s ease, transform .15s ease, background .15s ease;
    }
    .summary-card:hover {
      transform: translateY(-1px);
      background: linear-gradient(180deg, rgba(42,55,75,.95), rgba(17,24,39,.96));
    }
    .summary-card.summary-active {
      box-shadow: 0 0 0 1px rgba(248,250,252,.18), 0 8px 24px rgba(0,0,0,.2);
      background: linear-gradient(180deg, rgba(42,55,75,.98), rgba(17,24,39,.96));
    }
    .summary-card.impacted-summary:hover {
      transform: none;
    }
    .summary-card.total-summary { border-left-color: #38bdf8; }
    .summary-card.healthy-summary { border-left-color: var(--healthy); }
    .summary-card.impaired-summary { border-left-color: var(--impaired); }
    .summary-card.unhealthy-summary { border-left-color: var(--unhealthy); }
    .summary-card.monitored-summary { border-left-color: #60a5fa; }
    .summary-card.catalog-summary { border-left-color: var(--unknown); }
    .summary-card.stale-summary { border-left-color: var(--unknown); }
    .metric-label {
      font-size: 13px;
      color: var(--muted);
    }
    .legend {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 13px;
      margin-bottom: 8px;
    }
    .legend-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .swatch {
      width: 12px;
      height: 12px;
      border-radius: 999px;
      display: inline-block;
    }
    .sankey-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .sankey-toolbar-left {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .map-mode-toggle {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      padding: 3px;
      border: 1px solid rgba(148,163,184,.28);
      border-radius: 8px;
      background: rgba(15, 23, 42, .74);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .map-mode-button {
      width: auto;
      min-height: 28px;
      padding: 5px 10px;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: var(--muted);
      font-size: 12px;
      font-weight: 650;
      cursor: pointer;
    }
    .map-mode-button.active {
      background: rgba(96, 165, 250, .88);
      color: #082f49;
      box-shadow: 0 4px 12px rgba(37, 99, 235, .18);
    }
    .map-health-summary {
      display: grid;
      grid-template-columns: minmax(260px, .38fr) minmax(280px, .34fr) minmax(320px, .9fr);
      gap: 12px;
      align-items: center;
      min-height: 66px;
      margin-bottom: 8px;
      padding: 10px 12px;
      border: 1px solid rgba(148,163,184,.20);
      border-radius: 8px;
      background: rgba(15, 23, 42, .58);
    }
    .map-health-summary.clear {
      border-color: rgba(34,197,94,.24);
      background: rgba(20, 83, 45, .14);
    }
    .map-health-summary.degraded {
      border-color: rgba(245,158,11,.34);
      background: linear-gradient(90deg, rgba(67, 42, 20, .46), rgba(15, 23, 42, .58));
    }
    .map-health-summary.critical {
      border-color: rgba(239,68,68,.42);
      background: linear-gradient(90deg, rgba(69, 10, 10, .46), rgba(15, 23, 42, .58));
    }
    .map-health-title {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .map-health-title strong {
      font-size: 13px;
    }
    .map-health-title span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.3;
    }
    .map-health-meter-block {
      display: flex;
      flex-direction: column;
      gap: 7px;
      min-width: 0;
    }
    .map-health-stats {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .map-health-stat {
      display: inline-flex;
      align-items: center;
      min-height: 20px;
      color: #cbd5e1;
      font-size: 10px;
      font-weight: 700;
      white-space: nowrap;
    }
    .map-health-stat.unhealthy {
      color: #fecaca;
    }
    .map-health-stat.impaired {
      color: #fde68a;
    }
    .map-health-stat.stale {
      color: #e2e8f0;
    }
    .map-health-stat.live {
      color: #99f6e4;
    }
    .map-health-stat.simulated {
      border-color: rgba(249,115,22,.36);
      color: #fed7aa;
      background: rgba(67, 42, 20, .40);
    }
    .map-health-stat.direct {
      border-color: rgba(147,197,253,.28);
      color: #bfdbfe;
      background: rgba(30,64,175,.22);
    }
    .map-health-stat.catalog {
      border-color: rgba(148,163,184,.28);
      color: #cbd5e1;
      background: rgba(51,65,85,.36);
    }
    .map-health-stat.healthy {
      border-color: rgba(34,197,94,.32);
      color: #bbf7d0;
      background: rgba(20, 83, 45, .28);
    }
    .map-health-meter {
      display: flex;
      width: 100%;
      height: 7px;
      overflow: hidden;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 999px;
      background: rgba(15, 23, 42, .72);
    }
    .map-health-meter-segment {
      display: block;
      height: 100%;
      min-width: 0;
    }
    .map-health-meter-segment.unhealthy { background: var(--unhealthy); }
    .map-health-meter-segment.impaired { background: var(--impaired); }
    .map-health-meter-segment.healthy { background: var(--healthy); }
    .map-health-meter-segment.unknown { background: var(--unknown); }
    .map-health-routes {
      min-width: 0;
    }
    .map-health-route-text {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 650;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .map-health-route-text.unhealthy { color: #fecaca; }
    .map-health-route-text.impaired { color: #fde68a; }
    .map-health-route-text.healthy { color: #bbf7d0; }
    .map-health-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 28px;
      padding: 4px 8px;
      border-radius: 8px;
      border: 1px solid rgba(148,163,184,.22);
      background: rgba(30, 41, 59, .72);
      color: #dbeafe;
      font-size: 11px;
      font-weight: 650;
      white-space: nowrap;
    }
    .map-health-chip.impaired {
      border-color: rgba(245,158,11,.42);
      color: #fde68a;
      background: rgba(67, 42, 20, .44);
    }
    .map-health-chip.unhealthy {
      border-color: rgba(239,68,68,.48);
      color: #fecaca;
      background: rgba(69, 10, 10, .44);
    }
    .map-health-chip.healthy {
      border-color: rgba(34,197,94,.34);
      color: #bbf7d0;
      background: rgba(20, 83, 45, .32);
    }
    .map-health-chip small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 600;
    }
    .map-secondary-controls {
      display: grid;
      gap: 10px;
      margin-top: 10px;
    }
    .pipeline-stage-panel {
      display: grid;
      grid-template-columns: minmax(170px, .18fr) minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid rgba(147,197,253,.20);
      border-radius: 8px;
      background: rgba(15, 23, 42, .52);
    }
    .pipeline-stage-panel[hidden] {
      display: none;
    }
    .pipeline-stage-title {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .pipeline-stage-title strong {
      font-size: 13px;
    }
    .pipeline-stage-title span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.25;
    }
    .compact-select {
      min-height: 34px;
      padding: 6px 34px 6px 10px;
      border-radius: 8px;
      background: rgba(15, 23, 42, .92);
      color: var(--text);
      border: 1px solid rgba(148,163,184,.22);
      font-size: 12px;
      font-weight: 650;
    }
    .pipeline-stage-control-row,
    .integration-control-row {
      display: grid;
      grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-width: 0;
    }
    .pipeline-stage-readout,
    .integration-readout,
    .stage-gap-readout {
      min-width: 0;
      color: #cbd5e1;
      font-size: 11px;
      font-weight: 650;
      line-height: 1.35;
    }
    .pipeline-stage-readout,
    .integration-readout {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pipeline-stage-metrics,
    .integration-metrics {
      display: none;
      min-width: 0;
    }
    .pipeline-stage-metric,
    .integration-metric {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      min-height: 24px;
      color: #cbd5e1;
      font-size: 11px;
      font-weight: 650;
      white-space: nowrap;
    }
    .pipeline-stage-metric strong,
    .integration-metric strong {
      color: #f8fafc;
      font-weight: 750;
    }
    .pipeline-stage-metric.healthy strong,
    .integration-metric.live strong { color: var(--healthy); }
    .pipeline-stage-metric.impaired strong,
    .integration-metric.stale strong,
    .integration-metric.simulated strong { color: var(--impaired); }
    .pipeline-stage-metric.unhealthy strong { color: var(--unhealthy); }
    .pipeline-stage-metric.unknown strong,
    .integration-metric.catalog strong { color: var(--unknown); }
    .pipeline-stage-chip {
      display: flex;
      min-width: 0;
      min-height: 52px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 2px;
      padding: 7px 9px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(30, 41, 59, .64);
      color: #dbeafe;
      cursor: pointer;
      text-align: left;
      transition: opacity .15s ease, border-color .15s ease, transform .15s ease, background .15s ease;
    }
    .pipeline-stage-chip:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.42);
    }
    .pipeline-stage-chip.inactive {
      opacity: .42;
      filter: saturate(.72);
    }
    .pipeline-stage-chip.active {
      box-shadow: inset 0 0 0 1px rgba(248,250,252,.08);
    }
    .pipeline-stage-chip strong,
    .pipeline-stage-chip span,
    .pipeline-stage-chip small {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pipeline-stage-chip strong {
      color: #f8fafc;
      font-size: 12px;
      font-weight: 750;
    }
    .pipeline-stage-chip span {
      color: #bfdbfe;
      font-size: 11px;
      font-weight: 700;
    }
    .pipeline-stage-chip small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 600;
    }
    .pipeline-stage-chip.all {
      border-color: rgba(96,165,250,.34);
      background: rgba(30, 64, 175, .22);
    }
    .pipeline-stage-chip.healthy {
      border-color: rgba(34,197,94,.26);
      background: rgba(20, 83, 45, .18);
    }
    .pipeline-stage-chip.impaired {
      border-color: rgba(245,158,11,.38);
      background: rgba(67, 42, 20, .34);
    }
    .pipeline-stage-chip.unhealthy {
      border-color: rgba(239,68,68,.44);
      background: rgba(69, 10, 10, .36);
    }
    .pipeline-stage-chip.unknown {
      border-color: rgba(148,163,184,.30);
      background: rgba(51,65,85,.32);
    }
    .stage-gap-panel {
      display: grid;
      grid-template-columns: minmax(170px, .18fr) minmax(260px, .34fr) minmax(0, 1fr);
      gap: 12px;
      align-items: stretch;
      padding: 10px 12px;
      border: 1px solid rgba(245,158,11,.22);
      border-radius: 8px;
      background: rgba(15, 23, 42, .52);
    }
    .stage-gap-panel[hidden] {
      display: none;
    }
    .stage-gap-title {
      display: flex;
      min-width: 0;
      flex-direction: column;
      justify-content: center;
      gap: 2px;
    }
    .stage-gap-title strong {
      font-size: 13px;
    }
    .stage-gap-title span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.25;
    }
    .stage-gap-control {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
      min-width: 0;
    }
    .stage-gap-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-width: 0;
      min-height: 32px;
      padding: 5px 8px;
      border: 1px solid rgba(148,163,184,.24);
      border-radius: 8px;
      background: rgba(30, 41, 59, .66);
      color: #dbeafe;
      cursor: pointer;
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
      transition: opacity .15s ease, border-color .15s ease, transform .15s ease, background .15s ease;
    }
    .stage-gap-action:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.42);
    }
    .stage-gap-action strong {
      color: #f8fafc;
      font-size: 12px;
    }
    .stage-gap-action.catalog {
      border-color: rgba(148,163,184,.34);
      background: rgba(51,65,85,.36);
    }
    .stage-gap-action.stale {
      border-color: rgba(245,158,11,.36);
      color: #fde68a;
      background: rgba(67, 42, 20, .36);
    }
    .stage-gap-action.degraded {
      border-color: rgba(239,68,68,.38);
      color: #fecaca;
      background: rgba(69, 10, 10, .34);
    }
    .stage-gap-action.live {
      border-color: rgba(20,184,166,.32);
      color: #99f6e4;
      background: rgba(19, 78, 74, .30);
    }
    .stage-gap-queue {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 7px;
      min-width: 0;
    }
    .stage-gap-row {
      display: flex;
      min-width: 0;
      min-height: 54px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 2px;
      padding: 7px 9px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(30, 41, 59, .60);
      color: #dbeafe;
      cursor: pointer;
      text-align: left;
      transition: opacity .15s ease, border-color .15s ease, transform .15s ease, background .15s ease;
    }
    .stage-gap-row:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.42);
    }
    .stage-gap-row.catalog {
      border-color: rgba(148,163,184,.30);
      border-style: dashed;
    }
    .stage-gap-row.stale,
    .stage-gap-row.impaired {
      border-color: rgba(245,158,11,.36);
      background: rgba(67, 42, 20, .28);
    }
    .stage-gap-row.unhealthy {
      border-color: rgba(239,68,68,.42);
      background: rgba(69, 10, 10, .30);
    }
    .stage-gap-row strong,
    .stage-gap-row span,
    .stage-gap-row small {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .stage-gap-row strong {
      color: #f8fafc;
      font-size: 11px;
      font-weight: 750;
    }
    .stage-gap-row span {
      color: #bfdbfe;
      font-size: 10px;
      font-weight: 650;
    }
    .stage-gap-row small,
    .stage-gap-empty {
      color: var(--muted);
      font-size: 10px;
      font-weight: 600;
    }
    .stage-gap-empty {
      display: inline-flex;
      align-items: center;
      min-height: 54px;
      padding: 7px 9px;
      border: 1px solid rgba(34,197,94,.28);
      border-radius: 8px;
      background: rgba(20, 83, 45, .18);
    }
    .filter-row, .zoom-row {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }
    .filter-row {
      gap: 14px;
      padding: 6px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: rgba(15, 23, 42, 0.62);
      justify-content: flex-start;
    }
    .filter-chip, .zoom-button {
      width: auto;
      cursor: pointer;
    }
    .filter-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 7px 12px;
      border-radius: 8px;
      border: 1px solid rgba(148,163,184,.35);
      background: rgba(30, 41, 59, 0.96);
      color: var(--text);
      font-size: 13px;
      font-weight: 600;
      line-height: 1;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .filter-count {
      margin-left: 6px;
      padding: 1px 6px;
      border-radius: 999px;
      background: rgba(15,23,42,.28);
      font-size: 11px;
    }
    .filter-chip.active {
      border-color: rgba(248,250,252,.65);
      box-shadow: 0 0 0 1px rgba(248,250,252,.08), inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .filter-chip.inactive {
      opacity: .65;
    }
    .filter-chip.healthy.active { color: #052e16; background: rgba(34,197,94,.92); border-color: rgba(34,197,94,.95); }
    .filter-chip.impaired.active { color: #3b1d00; background: rgba(245,158,11,.92); border-color: rgba(245,158,11,.95); }
    .filter-chip.unhealthy.active { color: #450a0a; background: rgba(239,68,68,.92); border-color: rgba(239,68,68,.95); }
    .filter-chip.unknown.active { color: #0f172a; background: rgba(148,163,184,.92); border-color: rgba(148,163,184,.95); }
    .filter-chip.monitored.active { color: #082f49; background: rgba(96,165,250,.92); border-color: rgba(96,165,250,.95); }
    .filter-chip.catalog.active { color: #0f172a; background: rgba(203,213,225,.9); border-color: rgba(203,213,225,.95); }
    .sankey-scroll {
      height: 690px;
      max-width: 100%;
      overflow: hidden;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: rgba(15, 23, 42, 0.55);
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .sankey-scroll::-webkit-scrollbar,
    .table-wrap::-webkit-scrollbar {
      display: none;
    }
    .sankey-svg {
      display: block;
      min-width: 100%;
    }
    .degradation-marker text {
      pointer-events: none;
    }
    .sankey-panel {
      order: -1;
      min-height: 860px;
      background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(15, 23, 42, .96));
      border-color: rgba(96, 165, 250, .28);
    }
    .workflow-status-card {
      order: 1;
    }
    .panel-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }
    .panel-title h2 {
      margin: 0;
      font-size: 18px;
    }
    .workflow-status-card {
      width: 100%;
    }
    .workflow-status-filter-row {
      align-self: end;
      min-height: 40px;
      margin-bottom: 0;
    }
    .workflow-controls {
      display: grid;
      grid-template-columns: minmax(260px, 360px) minmax(360px, 1fr) minmax(230px, .55fr);
      gap: 14px;
      align-items: end;
      margin-bottom: 12px;
    }
    .workflow-search label {
      margin-bottom: 4px;
    }
    .workflow-search input {
      min-height: 40px;
    }
    .selected-workflow-summary {
      display: grid;
      grid-template-columns: minmax(210px, 1fr) minmax(260px, 1.2fr) minmax(160px, .72fr) minmax(150px, .62fr) minmax(150px, .65fr);
      gap: 10px;
      align-items: center;
      margin-bottom: 12px;
      padding: 10px 12px;
      border: 1px solid rgba(147,197,253,.32);
      border-radius: 8px;
      background: rgba(30, 41, 59, .72);
    }
    .selected-workflow-summary[hidden] {
      display: none;
    }
    .selected-workflow-summary > div {
      min-width: 0;
    }
    .selected-workflow-primary,
    .selected-route {
      min-width: 0;
    }
    .selected-status-compact,
    .selected-signal {
      display: flex;
      align-items: center;
      gap: 7px;
      min-width: 0;
    }
    .selected-title {
      font-weight: 700;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .selected-meta {
      color: var(--muted);
      font-size: 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .selected-infra-actions {
      display: flex;
      grid-column: 1 / -1;
      align-items: center;
      gap: 6px;
      min-width: 0;
      flex-wrap: wrap;
    }
    .infra-menu {
      min-width: 0;
    }
    .infra-menu-summary {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 28px;
      padding: 5px 9px;
      border: 1px solid rgba(147,197,253,.30);
      border-radius: 7px;
      background: rgba(30, 64, 175, .24);
      color: #dbeafe;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.1;
      list-style: none;
      cursor: pointer;
    }
    .infra-menu-summary::-webkit-details-marker {
      display: none;
    }
    .infra-menu-summary span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      border-radius: 999px;
      background: rgba(15, 23, 42, .60);
      color: #bfdbfe;
      font-size: 10px;
    }
    .infra-menu-list {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
      padding-top: 7px;
    }
    .infra-menu-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 28px;
      max-width: 210px;
      padding: 5px 8px;
      border: 1px solid rgba(148,163,184,.28);
      border-radius: 7px;
      background: rgba(15, 23, 42, .70);
      color: #e5e7eb;
      font-size: 11px;
      font-weight: 750;
      line-height: 1.1;
      cursor: pointer;
    }
    .infra-menu-item span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .infra-menu-item small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
    }
    .infra-menu-item:hover {
      border-color: rgba(248,250,252,.46);
      background: rgba(30, 41, 59, .90);
    }
    .infra-menu-more {
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
    }
    .business-role-panel {
      display: grid;
      grid-template-columns: minmax(230px, .28fr) minmax(0, 1fr);
      gap: 12px;
      align-items: stretch;
      margin-bottom: 12px;
      padding: 10px 12px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(15, 23, 42, .54);
    }
    .business-role-panel[hidden] {
      display: none;
    }
    .business-role-title {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 3px;
      min-width: 0;
    }
    .business-role-title strong {
      color: #f8fafc;
      font-size: 13px;
    }
    .business-role-title span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
    }
    .business-role-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 6px;
      min-width: 0;
    }
    .business-role-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 4px 8px;
      align-items: center;
      min-width: 0;
      padding: 8px 9px;
      border: 1px solid rgba(148,163,184,.18);
      border-radius: 8px;
      background: rgba(30,41,59,.48);
      box-shadow: inset 3px 0 0 rgba(148,163,184,.45);
    }
    .business-role-row.business_service,
    .business-role-row.delivery_workflow {
      border-color: rgba(34,197,94,.22);
      box-shadow: inset 3px 0 0 rgba(34,197,94,.65);
    }
    .business-role-row.source_normalizer {
      border-color: rgba(96,165,250,.22);
      box-shadow: inset 3px 0 0 rgba(96,165,250,.62);
    }
    .business-role-row.monitoring_helper {
      border-color: rgba(245,158,11,.24);
      box-shadow: inset 3px 0 0 rgba(245,158,11,.62);
    }
    .business-role-row.pipeline_reference {
      border-style: dashed;
      box-shadow: inset 3px 0 0 rgba(203,213,225,.48);
    }
    .business-role-row > div {
      min-width: 0;
      grid-row: span 2;
    }
    .business-role-row strong,
    .business-role-row span,
    .business-role-row small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .business-role-row strong {
      display: block;
      color: #f8fafc;
      font-size: 12px;
      line-height: 1.2;
    }
    .business-role-row span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 10px;
      line-height: 1.25;
    }
    .business-role-row em {
      color: #dbeafe;
      font-size: 11px;
      font-style: normal;
      font-weight: 750;
      white-space: nowrap;
    }
    .business-role-row small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 600;
      text-align: right;
    }
    .integration-signal-panel {
      display: grid;
      grid-template-columns: minmax(230px, .28fr) minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      margin-bottom: 12px;
      padding: 10px 12px;
      border: 1px solid rgba(147,197,253,.24);
      border-radius: 8px;
      background: rgba(15, 23, 42, .58);
    }
    .integration-signal-panel[hidden] {
      display: none;
    }
    .integration-signal-title {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .integration-signal-title strong {
      font-size: 13px;
    }
    .integration-signal-title span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.25;
    }
    .integration-chip-row { display: none; }
    .integration-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 28px;
      padding: 4px 8px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(30, 41, 59, .82);
      color: #dbeafe;
      font-size: 11px;
      line-height: 1.1;
      white-space: nowrap;
      width: auto;
      cursor: default;
    }
    button.integration-chip {
      cursor: pointer;
      transition: opacity .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
    }
    button.integration-chip:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.48);
    }
    .integration-chip.inactive {
      opacity: .48;
      filter: saturate(.62);
    }
    .integration-chip.active {
      box-shadow: inset 0 0 0 1px rgba(248,250,252,.10);
    }
    .integration-chip strong {
      color: #f8fafc;
      font-size: 12px;
    }
    .integration-chip.live, .integration-chip.adapter, .integration-chip.cloudwatch {
      border-color: rgba(20,184,166,.32);
      background: rgba(19, 78, 74, .30);
      color: #99f6e4;
    }
    .integration-chip.simulated {
      border-color: rgba(249,115,22,.34);
      background: rgba(67, 42, 20, .42);
      color: #fed7aa;
    }
    .integration-chip.catalog {
      border-color: rgba(148,163,184,.28);
      background: rgba(51,65,85,.36);
      color: #cbd5e1;
    }
    .integration-chip.stale {
      border-color: rgba(245,158,11,.32);
      background: rgba(67, 42, 20, .34);
      color: #fde68a;
    }
    .provider-registry-panel {
      display: block;
      margin-bottom: 12px;
      padding: 8px 12px;
      border: 1px solid rgba(20,184,166,.24);
      border-radius: 8px;
      background: rgba(15, 23, 42, .58);
    }
    .provider-registry-panel[hidden] {
      display: none;
    }
    .provider-registry-details summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      cursor: pointer;
      list-style: none;
    }
    .provider-registry-details summary::-webkit-details-marker {
      display: none;
    }
    .provider-registry-details summary::after {
      content: "Show";
      flex: 0 0 auto;
      color: #93c5fd;
      font-size: 11px;
      font-weight: 700;
    }
    .provider-registry-details[open] summary::after {
      content: "Hide";
    }
    .provider-registry-details strong {
      font-size: 13px;
    }
    .provider-registry-details span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.25;
    }
    .provider-row-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 6px;
      margin-top: 8px;
    }
    .provider-row,
    .provider-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      max-width: 270px;
      min-height: 28px;
      padding: 4px 8px;
      border: 1px solid rgba(148,163,184,.22);
      border-radius: 8px;
      background: rgba(30, 41, 59, .82);
      color: #dbeafe;
      font-size: 11px;
      line-height: 1.1;
      white-space: nowrap;
    }
    .provider-chip strong {
      color: #f8fafc;
      font-size: 11px;
    }
    .provider-row strong {
      color: #f8fafc;
      font-size: 11px;
    }
    .provider-chip span {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .provider-row span {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .provider-row em,
    .provider-chip em, .provider-chip small, .provider-chip-stale {
      color: var(--muted);
      font-style: normal;
      font-size: 10px;
    }
    .provider-chip.pending {
      border-color: rgba(249,115,22,.34);
      background: rgba(67, 42, 20, .42);
    }
    .provider-row.pending {
      border-color: rgba(249,115,22,.34);
      background: rgba(67, 42, 20, .42);
    }
    .provider-row.healthy,
    .provider-chip.healthy { box-shadow: inset 3px 0 0 var(--healthy); }
    .provider-row.impaired,
    .provider-chip.impaired { box-shadow: inset 3px 0 0 var(--impaired); }
    .provider-row.unhealthy,
    .provider-chip.unhealthy { box-shadow: inset 3px 0 0 var(--unhealthy); }
    .provider-row.unknown,
    .provider-chip.unknown { box-shadow: inset 3px 0 0 var(--unknown); }
    .status-pill {
      display: inline-flex;
      align-items: center;
      padding: 2px 7px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .03em;
    }
    .healthy { background: rgba(34,197,94,.18); color: var(--healthy); }
    .impaired { background: rgba(245,158,11,.18); color: var(--impaired); }
    .unhealthy { background: rgba(239,68,68,.18); color: var(--unhealthy); }
    .unknown { background: rgba(148,163,184,.18); color: var(--unknown); }
    .stale-pill {
      display: inline-flex;
      align-items: center;
      margin-left: 6px;
      padding: 2px 6px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 700;
      color: #cbd5e1;
      background: rgba(148,163,184,.18);
      text-transform: uppercase;
      letter-spacing: .03em;
    }
    .source-pill {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      padding: 2px 7px;
      border: 1px solid rgba(148,163,184,.24);
      border-radius: 999px;
      background: rgba(30,41,59,.72);
      color: #dbeafe;
      font-size: 11px;
      font-weight: 650;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .source-pill.adapter, .source-pill.cloudwatch {
      border-color: rgba(20,184,166,.36);
      color: #99f6e4;
      background: rgba(19,78,74,.28);
    }
    .source-pill.simulated {
      border-color: rgba(249,115,22,.34);
      color: #fed7aa;
      background: rgba(67,42,20,.40);
    }
    .source-pill.catalog {
      border-style: dashed;
      color: #cbd5e1;
      background: rgba(51,65,85,.36);
    }
    .source-pill.direct, .source-pill.manual {
      border-color: rgba(147,197,253,.30);
      color: #bfdbfe;
      background: rgba(30,64,175,.24);
    }
    .status-line {
      display: flex;
      align-items: center;
      gap: 5px;
      min-width: 0;
    }
    .status-reason,
    .signal-subtext {
      max-width: 100%;
      margin-top: 3px;
      color: #94a3b8;
      font-size: 10px;
      font-weight: 650;
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .selected-status-compact .status-reason,
    .selected-signal .signal-subtext {
      margin-top: 0;
      min-width: 0;
    }
    .status-reason.healthy,
    .status-reason.current {
      color: #bbf7d0;
    }
    .status-reason.impaired,
    .status-reason.watch,
    .status-reason.stale,
    .status-reason.missing-dag {
      color: #fde68a;
    }
    .status-reason.unhealthy,
    .status-reason.failed {
      color: #fecaca;
    }
    .status-reason.unknown,
    .status-reason.needs-signal,
    .status-reason.simulated {
      color: #cbd5e1;
    }
    .signal-subtext.monitored {
      color: #bfdbfe;
    }
    .signal-subtext.catalog {
      color: #cbd5e1;
      font-style: italic;
    }
    .business-role-label {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      color: #cbd5e1;
      font-size: 11px;
      font-weight: 750;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .business-role-label.business_service,
    .business-role-label.delivery_workflow {
      color: #bbf7d0;
    }
    .business-role-label.source_normalizer {
      color: #bfdbfe;
    }
    .business-role-label.monitoring_helper {
      color: #fde68a;
    }
    .business-role-label.pipeline_reference {
      color: #cbd5e1;
      font-style: italic;
    }
    .table-wrap {
      max-height: 245px;
      max-width: 100%;
      overflow: auto;
      border: 1px solid var(--border);
      border-radius: 8px;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 11px;
    }
    th, td {
      padding: 6px 8px;
      border-bottom: 1px solid rgba(148,163,184,.15);
      vertical-align: top;
      text-align: left;
    }
    th {
      position: sticky;
      top: 0;
      background: var(--panel);
      z-index: 1;
      white-space: nowrap;
    }
    .workflow-status-table th:nth-child(1), .workflow-status-table td:nth-child(1) { width: 23%; }
    .workflow-status-table th:nth-child(2), .workflow-status-table td:nth-child(2) { width: 21%; }
    .workflow-status-table th:nth-child(3), .workflow-status-table td:nth-child(3) { width: 9%; }
    .workflow-status-table th:nth-child(4), .workflow-status-table td:nth-child(4) { width: 13%; }
    .workflow-status-table th:nth-child(5), .workflow-status-table td:nth-child(5) { width: 14%; }
    .workflow-status-table th:nth-child(6), .workflow-status-table td:nth-child(6) { width: 10%; }
    .workflow-status-table th:nth-child(7), .workflow-status-table td:nth-child(7) { width: 10%; }
    .workflow-name {
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .workflow-id, .path-cell, .role-cell, .status-cell, .signal-cell, .observed-cell, .infra-cell {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .infra-cell {
      text-align: right;
    }
    .infra-link-button {
      width: auto;
      min-height: 26px;
      max-width: 100%;
      padding: 4px 8px;
      border: 1px solid rgba(147,197,253,.28);
      border-radius: 7px;
      background: rgba(30, 64, 175, .26);
      color: #dbeafe;
      font-size: 11px;
      font-weight: 750;
      line-height: 1.1;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: transform .15s ease, border-color .15s ease, background .15s ease;
    }
    .infra-link-button.compact {
      min-width: 46px;
      max-width: 54px;
      padding: 4px 7px;
    }
    .infra-link-button:hover {
      transform: translateY(-1px);
      border-color: rgba(248,250,252,.48);
      background: rgba(37, 99, 235, .36);
    }
    .infra-link-button.mwaa,
    .infra-link-button.history,
    .infra-link-button.api {
      border-color: rgba(20,184,166,.32);
      background: rgba(19, 78, 74, .30);
      color: #99f6e4;
    }
    .infra-link-button.cloudwatch,
    .infra-link-button.sqs {
      border-color: rgba(245,158,11,.34);
      background: rgba(67, 42, 20, .32);
      color: #fde68a;
    }
    .infra-empty {
      color: var(--muted);
      font-size: 11px;
    }
    tbody tr { cursor: pointer; }
    tr:hover td {
      background: rgba(255,255,255,.03);
    }
    tr.workflow-focus td {
      background: rgba(148,163,184,.12);
    }
    .small { font-size: 12px; color: var(--muted); }
    .map-legend {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: 12px;
    }
    .link-swatch {
      width: 22px;
      height: 4px;
      border-radius: 3px;
      background: linear-gradient(90deg, var(--healthy), var(--impaired), var(--unhealthy));
    }
    .node-swatch {
      width: 12px;
      height: 16px;
      border: 2px solid #e5e7eb;
      border-radius: 3px;
      background: var(--unknown);
    }
    .coverage-swatch {
      width: 24px;
      height: 4px;
      border-radius: 3px;
      background: repeating-linear-gradient(90deg, #cbd5e1 0 6px, transparent 6px 10px);
      border: 1px solid rgba(203,213,225,.55);
    }
    .zoom-button {
      min-height: 30px;
      padding: 5px 9px;
      border-radius: 8px;
      font-size: 12px;
    }
    .error {
      color: #fecaca;
      background: rgba(239,68,68,.12);
      border: 1px solid rgba(239,68,68,.35);
      padding: 10px 12px;
      border-radius: 8px;
      display: none;
      margin-bottom: 16px;
    }
    .loading {
      color: var(--muted);
      font-size: 13px;
    }
    .tooltip {
      position: fixed;
      pointer-events: none;
      background: rgba(15, 23, 42, 0.96);
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 10px 12px;
      color: var(--text);
      font-size: 12px;
      line-height: 1.45;
      max-width: 280px;
      box-shadow: 0 10px 28px rgba(0,0,0,.35);
      display: none;
      z-index: 999;
    }
    .footer-note {
      margin-top: 12px;
      color: var(--muted);
      font-size: 12px;
    }
    @media (max-width: 1100px) {
      .controls, .dashboard-toolbar, .workflow-controls, .selected-workflow-summary, .executive-overview, .dag-operations-panel, .public-status-editor-grid, .public-status-decision { grid-template-columns: 1fr; }
      .executive-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .executive-evidence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .dag-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .dag-queue-row { grid-template-columns: minmax(0, 1fr) auto; }
      .dag-queue-row em,
      .dag-queue-row small { grid-column: 1 / -1; }
      .provider-registry-panel, .business-role-panel, .integration-signal-panel, .pipeline-stage-panel, .stage-gap-panel { grid-template-columns: 1fr; }
      .pipeline-stage-control-row, .integration-control-row { grid-template-columns: 1fr; }
      .map-health-summary { grid-template-columns: 1fr; }
      .sankey-scroll { height: 560px; }
    }
    @media (max-width: 720px) {
      .executive-kpis { grid-template-columns: 1fr; }
      .executive-evidence { grid-template-columns: 1fr; }
      .executive-priority { grid-template-columns: 1fr; }
      .executive-priority strong { text-align: left; }
      .executive-priority em { white-space: normal; }
      .dag-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .public-status-editor-header, .public-status-actions { align-items: stretch; flex-direction: column; }
      .public-status-form-row, .public-status-components { grid-template-columns: 1fr; }
      .public-status-preview-card dl div { grid-template-columns: 1fr; }
      .public-status-preview-card dd { white-space: normal; }
    }
  

/* Internal triage: keep the actionable observations ahead of exploration. */
.issue-queue { margin: 18px 0; padding: 22px; }
.issue-queue h2 { margin: 0 0 8px; }
.secondary-view { margin: 18px 0; border: 1px solid #334155; border-radius: 12px; padding: 16px; }
.secondary-view > summary, .issue-group > summary { cursor: pointer; font-weight: 600; padding: 8px 0; }
.secondary-view > summary small { font-weight: 400; color: #94a3b8; margin-left: 12px; }
.issue-group { border-top: 1px solid #334155; margin-top: 12px; }
.issue-group summary span { margin-left: 8px; color: #94a3b8; }
.issue-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.issue-table th, .issue-table td { padding: 12px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid #334155; overflow-wrap: anywhere; }
.issue-table th:first-child { width: 36%; }
.issue-table th:nth-child(2) { width: 34%; }
.issue-table small { display: block; color: #94a3b8; margin-top: 6px; }
.issue-table a { color: #93c5fd; }
#summaryCards[hidden] { display: none; }
@media (max-width: 640px) {
  .issue-queue { padding: 12px; }
  .issue-table { min-width: 640px; }
  .secondary-view > summary small { display: block; margin: 6px 0 0; }
}

.issue-toolbar { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; margin-top: 18px; }
.issue-toolbar label { display: grid; gap: 6px; flex: 1; min-width: 180px; }
.issue-toolbar input, .issue-toolbar select { width: 100%; min-height: 40px; box-sizing: border-box; }
.issue-history { padding-left: 20px; }
.issue-history li { margin: 12px 0; }
[data-history-result] { margin-top: 12px; }
.issue-group .table-wrap { max-height: none; }
@media (max-width: 640px) {
  .issue-table { min-width: 0; table-layout: auto; }
  .issue-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .issue-table, .issue-table tbody, .issue-table tr, .issue-table td { display: block; width: auto; }
  .issue-table tr { border: 1px solid #475569; border-radius: 8px; margin: 12px 0; padding: 8px; }
  .issue-table td { border: 0; padding: 8px; }
  .issue-table td::before { content: attr(data-label); display: block; color: #94a3b8; font-size: 12px; margin-bottom: 6px; }
  .issue-toolbar button { width: 100%; }
}

.issue-history-row[hidden] { display: none; }
.issue-table .issue-history-row td::before { content: none; }