.control-room {
    --control-ink: #15362c;
    --control-green: #1f6b50;
    --control-mint: #e6f2ec;
    --control-paper: #fbfaf5;
    --control-line: rgba(21, 54, 44, .17);
    --control-amber: #a76012;
    color: var(--control-ink);
  }
  .control-room__hero {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--control-line);
    border-radius: 1.15rem;
    background: linear-gradient(118deg, #f8fbf8 0%, #edf5f0 62%, #e2efe8 100%);
    box-shadow: 0 1rem 2.4rem rgba(21, 54, 44, .08);
  }
  .control-room__hero::after {
    position: absolute;
    right: -5rem;
    bottom: -7rem;
    width: 19rem;
    height: 19rem;
    border: 1.5rem solid rgba(31, 107, 80, .08);
    border-radius: 50%;
    content: "";
  }
  .control-room__eyebrow { color: var(--control-green); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
  .control-room__lede { max-width: 72ch; font-size: 1.02rem; }
  .control-room__status {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid rgba(31, 107, 80, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    padding: .45rem .75rem;
    color: var(--control-green);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
  }
  .control-room__status::before { width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; content: ""; }
  .control-room__status--review { color: var(--control-amber); border-color: rgba(167, 96, 18, .28); }
  .control-room__status--no-go { color: #a03934; border-color: rgba(160, 57, 52, .28); }
  .control-room__manifest {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(21, 54, 44, .2);
    border-radius: .8rem;
    background: var(--control-paper);
    box-shadow: .35rem .35rem 0 rgba(31, 107, 80, .1);
  }
  .control-room__manifest-head { border-bottom: 1px dashed var(--control-line); }
  .control-room__stamp { color: var(--control-green); font: 800 .78rem/1 var(--bs-font-monospace); letter-spacing: .08em; }
  .control-room__metric { font-size: 1.65rem; font-weight: 780; line-height: 1; }
  .control-room__review-path { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid var(--control-line); border-radius: .9rem; background: #fff; }
  .control-room__review-step { position: relative; padding: 1rem 1.15rem 1rem 3.35rem; color: inherit; text-decoration: none; }
  .control-room__review-step + .control-room__review-step { border-left: 1px solid var(--control-line); }
  .control-room__review-step:hover { background: var(--control-mint); color: inherit; }
  .control-room__step-number { position: absolute; top: 1rem; left: 1rem; color: var(--control-green); font: 800 1.35rem/1 var(--bs-font-monospace); }
  .control-room__lineage { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: .65rem; }
  .control-room__lineage-node { border: 1px solid var(--control-line); border-radius: .75rem; background: #fff; padding: 1rem; }
  .control-room__lineage-arrow { align-self: center; color: var(--control-green); font-size: 1.35rem; font-weight: 800; }
  .control-room__evidence { border-top: 3px solid var(--control-green); background: #fff; }
  .control-room__evidence dt { color: #5a7068; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
  .control-room__evidence dd { margin-bottom: 0; font-weight: 700; }
  .control-room__product-table { font-size: .82rem; }
  .control-room__product-table th { color: #526961; font-size: .66rem; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
  .control-room__product-table td { min-width: 9rem; }
  .control-room__product-table td:first-child { min-width: 15rem; }
  .control-room__contract { margin-top: .5rem; }
  .control-room__contract summary { cursor: pointer; color: var(--control-green); font-size: .75rem; font-weight: 750; }
  .control-room__contract ul { margin: .55rem 0 0; padding-left: 1.1rem; }
  .control-room__formula { min-width: 19rem; color: var(--control-ink); font-family: var(--bs-font-monospace); font-size: .76rem; }
  .control-room__pill { display: inline-flex; border-radius: 999px; padding: .22rem .55rem; background: var(--control-mint); color: #14513d; font-size: .68rem; font-weight: 750; white-space: nowrap; }
  .control-room__pill--held { background: #f4eadc; color: #765221; }
  .control-room__withheld { border-left: 3px solid var(--control-amber); }
  html[data-theme="dark"] .control-room { --control-ink: #edf6f1; --control-green: #70c6a0; --control-mint: #16382d; --control-paper: #12221e; --control-line: rgba(177, 219, 199, .2); }
  html[data-theme="dark"] .control-room__hero { background: linear-gradient(118deg, #12231f 0%, #17342b 62%, #1d4738 100%); box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .2); }
  html[data-theme="dark"] .control-room__hero::after { border-color: rgba(112, 198, 160, .1); }
  html[data-theme="dark"] .control-room__manifest,
  html[data-theme="dark"] .control-room__review-path,
  html[data-theme="dark"] .control-room__lineage-node,
  html[data-theme="dark"] .control-room__evidence,
  html[data-theme="dark"] .control-room .card { background: #101c19 !important; color: var(--control-ink); }
  html[data-theme="dark"] .control-room__manifest { box-shadow: .35rem .35rem 0 rgba(112, 198, 160, .12); }
  html[data-theme="dark"] .control-room__status { background: rgba(9, 21, 17, .72); }
  html[data-theme="dark"] .control-room .text-muted { color: #a8bbb2 !important; }
  html[data-theme="dark"] .control-room__review-step:hover { background: #17342b; }
  html[data-theme="dark"] .control-room table { color: #dcebe4; }
  html[data-theme="dark"] .control-room table > :not(caption) > * > * { background-color: #101c19; border-color: var(--control-line); color: inherit; }
  html[data-theme="dark"] .control-room table tbody tr:hover > * { background-color: #173029; }
  html[data-theme="dark"] .control-room__pill { color: #b9ecd5; }
  html[data-theme="dark"] .control-room__pill--held { background: #3d2d18; color: #f0c78c; }
  @media (max-width: 767.98px) {
    .control-room__review-path { grid-template-columns: 1fr; }
    .control-room__review-step + .control-room__review-step { border-top: 1px solid var(--control-line); border-left: 0; }
    .control-room__lineage { grid-template-columns: 1fr; }
    .control-room__lineage-arrow { justify-self: center; transform: rotate(90deg); }
  }


.static-demo-banner{font:500 13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;
  padding:10px 16px;background:rgba(125,211,252,.10);border-bottom:1px solid rgba(125,211,252,.28);
  color:inherit;text-align:center}
.static-demo-banner a{color:#38bdf8;text-decoration:underline;text-underline-offset:2px}
.static-demo-banner__warn{font-weight:650}


      :root {
        --wa-primary: #0d6efd;
        --bs-primary: #0d6efd;
      }