/* DEMO badge — the only visual distinction. */
.demo-badge{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:9px;letter-spacing:.22em;color:color-mix(in srgb, var(--accent) 85%, transparent);
  border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:4px;
  padding:3px 8px;text-transform:uppercase;white-space:nowrap;
  background:transparent;transition:background-color .25s,border-color .25s;
}
.demo-row:hover .demo-badge{background:color-mix(in srgb, var(--accent) 8%, transparent);}
.demo-detail-banner{display:flex;gap:10px;align-items:center;
  padding:10px 14px;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:10px;
  background:color-mix(in srgb, var(--accent) 4%, transparent);margin-bottom:14px;flex-wrap:wrap;}
.demo-detail-status{font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px;letter-spacing:.16em;color:rgba(236,233,226,.55);
  text-transform:uppercase;}
.demo-detail .row-title{margin:6px 0 14px;}
.demo-actions{margin-top:16px;display:flex;gap:10px;}

/* Demo-only launcher banner (§20) — tiny, honest. */
.demo-launcher{font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:11px;letter-spacing:.12em;color:var(--text-muted);
  text-transform:uppercase;padding:8px 0;margin-bottom:8px;
  border-bottom:1px solid var(--border);}
.demo-launcher b{color:rgba(236,233,226,.7);font-weight:400;}