.ob-shell {
  --ob-bg: var(--wb-bg);
  --ob-bg-2: var(--wb-bg-2);
  --ob-bg-3: var(--wb-bg-3);
  --ob-bg-4: var(--wb-bg-4);
  --ob-rule: var(--wb-rule);
  --ob-rule-soft: color-mix(in srgb, var(--wb-rule) 58%, transparent);
  --ob-ink: var(--wb-ink);
  --ob-ink-2: var(--wb-ink-2);
  --ob-ink-3: var(--wb-ink-3);
  --ob-ink-4: var(--wb-ink-4);
  --ob-gold: var(--wb-warm);
  --ob-amber: var(--wb-warm);
  --ob-teal: var(--wb-cyan);
  --ob-mint: var(--wb-mint);
  --ob-rose: var(--wb-rose);
  --ob-violet: var(--wb-violet);
  --ob-mono: var(--rd-mono);
  --ob-serif: var(--rd-display);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% -18%,
      color-mix(in srgb, var(--ob-gold) 14%, transparent) 0,
      transparent 32rem),
    var(--ob-bg);
  color: var(--ob-ink);
  font-family: var(--ob-mono);
  font-size: 12px;
}

.ob-shell, .ob-shell * { box-sizing: border-box; }
.ob-shell button { font: inherit; }

.ob-top { flex: 0 0 44px; position: relative; z-index: 10; display: flex; align-items: stretch; min-height: 44px; background: color-mix(in srgb, var(--ob-bg) 94%, transparent); border-bottom: 1px solid var(--ob-rule); backdrop-filter: blur(12px); }
.ob-mark { display: flex; align-items: center; gap: 9px; padding: 0 18px; border-right: 1px solid var(--ob-rule); color: var(--ob-gold); letter-spacing: .12em; }
.ob-mark-glyph { font-family: var(--ob-serif); font-size: 19px; }
.ob-nav { display: flex; align-items: stretch; overflow-x: auto; }
.ob-nav button { position: relative; border: 0; border-right: 1px solid var(--ob-rule-soft); background: transparent; color: var(--ob-ink-3); padding: 0 17px; cursor: pointer; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }
.ob-nav button:hover { color: var(--ob-ink); }
.ob-nav button.is-active { color: var(--ob-gold); background: var(--ob-bg-2); }
.ob-nav button.is-active::after { content: ""; position: absolute; inset: auto 10px 0; height: 2px; background: var(--ob-gold); }
.ob-top-right { margin-left: auto; display: flex; align-items: center; gap: 10px; padding: 0 16px; color: var(--ob-ink-3); white-space: nowrap; }
.ob-live-dot { color: var(--ob-mint); text-shadow: 0 0 9px var(--ob-mint); animation: ob-pulse 2.2s ease-out infinite; }
@keyframes ob-pulse { 0%, 30%, 100% { opacity: 1; } 15% { opacity: .35; } }

.ob-banner { flex: 0 0 34px; display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 22px; border-bottom: 1px solid var(--ob-rule-soft); color: var(--ob-ink-2); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.ob-env { padding: 2px 7px; border: 1px solid var(--ob-amber); color: var(--ob-amber); }
.ob-dim { color: var(--ob-ink-4); }
.ob-spacer { flex: 1; }
.ob-main { flex: 1 1 auto; width: 100%; max-width: 1500px; min-height: 0; margin: 0 auto; padding: 14px 28px 16px; overflow: hidden; }
.ob-page { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
.ob-page-head { flex: 0 0 auto; display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 12px; }
.ob-eyebrow { color: var(--ob-gold); font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
.ob-title { margin: 4px 0 0; font: 400 27px/1.05 var(--ob-serif); letter-spacing: .01em; }
.ob-subtitle { max-width: 620px; color: var(--ob-ink-3); line-height: 1.6; text-align: right; }

.ob-registers { flex: 0 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--ob-rule); margin-bottom: 12px; }
.ob-register { min-width: 0; padding: 10px 15px; border-right: 1px solid var(--ob-rule); background: linear-gradient(145deg, var(--ob-bg-2), var(--ob-bg)); }
.ob-register:last-child { border-right: 0; }
.ob-register-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; color: var(--ob-ink-3); font-size: 9px; letter-spacing: .14em; }
.ob-register-head b { color: var(--ob-gold); font-size: 11px; }
.ob-register--window .ob-register-head b { color: var(--ob-teal); }
.ob-register--since .ob-register-head b { color: var(--ob-ink-2); }
.ob-register-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ob-reading label { display: block; color: var(--ob-ink-4); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.ob-reading strong { display: block; margin-top: 4px; color: var(--ob-ink); font-size: 16px; font-weight: 500; font-variant-numeric: tabular-nums; }
.ob-register--now .ob-reading strong { color: var(--ob-gold); }
.ob-register--window .ob-reading strong { color: var(--ob-teal); }

.ob-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(270px, .65fr); gap: 12px; min-height: 0; margin-bottom: 12px; }
.ob-card { border: 1px solid var(--ob-rule); background: color-mix(in srgb, var(--ob-bg-2) 68%, transparent); min-width: 0; min-height: 0; }
.ob-card-head { display: flex; align-items: center; min-height: 35px; padding: 0 13px; border-bottom: 1px solid var(--ob-rule); color: var(--ob-ink-3); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.ob-card-head b { color: var(--ob-ink-2); font-weight: 500; }
.ob-card-head span:last-child { margin-left: auto; color: var(--ob-ink-4); letter-spacing: .04em; text-transform: none; }
.ob-strip { display: grid; grid-template-columns: repeat(60, minmax(2px, 1fr)); align-items: end; gap: 2px; height: 116px; padding: 16px 13px 12px; }
.ob-strip-col { height: 100%; display: flex; flex-direction: column; justify-content: end; gap: 2px; }
.ob-strip-req { display: block; min-height: 1px; background: var(--ob-teal); opacity: .72; }
.ob-strip-lat { display: block; min-height: 1px; background: var(--ob-gold); opacity: .75; }
.ob-strip-key { display: flex; gap: 16px; padding: 0 13px 10px; color: var(--ob-ink-4); font-size: 9px; }
.ob-key-swatch { display: inline-block; width: 12px; height: 3px; margin-right: 5px; vertical-align: middle; background: var(--ob-teal); }
.ob-key-swatch--lat { background: var(--ob-gold); }

.ob-system-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 12px; }
.ob-system-cell { padding: 9px; border: 1px solid var(--ob-rule-soft); background: var(--ob-bg); }
.ob-system-cell label { display: block; color: var(--ob-ink-4); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.ob-system-cell strong { display: block; margin: 5px 0 7px; color: var(--ob-ink-2); font-size: 13px; font-weight: 500; }
.ob-gauge { display: block; height: 3px; background: var(--ob-bg-4); overflow: hidden; }
.ob-gauge i { display: block; height: 100%; background: var(--ob-gold); }

.ob-table-wrap { min-height: 0; overflow: auto; }
.ob-table { width: 100%; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; }
.ob-table thead { position: sticky; top: 0; z-index: 2; }
.ob-table th { padding: 8px 10px; background: var(--ob-bg-3); border-bottom: 1px solid var(--ob-rule); color: var(--ob-ink-4); font-size: 8px; font-weight: 400; letter-spacing: .1em; text-align: right; text-transform: uppercase; white-space: nowrap; }
.ob-table th:nth-child(2), .ob-table td:nth-child(2) { text-align: left; }
.ob-table td { padding: 9px 10px; border-top: 1px solid var(--ob-rule-soft); color: var(--ob-ink-2); text-align: right; white-space: nowrap; }
.ob-table tbody tr { cursor: pointer; transition: background 80ms; }
.ob-table tbody tr:hover { background: color-mix(in srgb, var(--ob-gold) 5%, transparent); }
.ob-state { width: 4px; height: 24px; display: inline-block; background: var(--ob-ink-4); }
.ob-state--active { background: var(--ob-gold); }
.ob-state--deep { background: var(--ob-violet); }
.ob-state--error { background: var(--ob-rose); }
.ob-tx-label { display: block; color: var(--ob-ink); font-size: 10px; letter-spacing: .06em; }
.ob-tx-key { display: block; margin-top: 2px; color: var(--ob-ink-4); font-size: 9px; }
.ob-active { color: var(--ob-gold) !important; }
.ob-error { color: var(--ob-rose) !important; }
.ob-cost { width: 132px; }
.ob-cost-line { display: grid; grid-template-columns: 25px 1fr; gap: 5px; align-items: center; color: var(--ob-ink-4); font-size: 7px; }
.ob-cost-track { height: 4px; background: var(--ob-bg-4); }
.ob-cost-track i { display: block; height: 100%; background: var(--ob-teal); }
.ob-cost-line:last-child .ob-cost-track i { background: var(--ob-violet); }

.ob-slow-list, .ob-live-list { padding: 5px 12px 10px; }
.ob-slow-row, .ob-live-row { display: grid; grid-template-columns: minmax(110px, 1fr) auto auto; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--ob-rule-soft); }
.ob-slow-row b, .ob-live-row b { color: var(--ob-ink-2); font-weight: 500; }
.ob-slow-row em, .ob-live-row em { color: var(--ob-gold); font-style: normal; }
.ob-empty { padding: 28px 18px; color: var(--ob-ink-4); font: italic 15px/1.5 var(--ob-serif); text-align: center; }

.ob-detail-id { display: flex; align-items: center; gap: 20px; padding: 16px; margin-bottom: 16px; border: 1px solid var(--ob-rule); background: var(--ob-bg-2); }
.ob-detail-name { color: var(--ob-gold); font-size: 22px; }
.ob-detail-meta { color: var(--ob-ink-3); }
.ob-detail-meta b { color: var(--ob-ink); font-weight: 500; }
.ob-detail-id .ob-spacer { flex: 1; }
.ob-back { border: 1px solid var(--ob-rule); background: transparent; color: var(--ob-ink-2); padding: 6px 10px; cursor: pointer; }
.ob-back:hover { border-color: var(--ob-gold); color: var(--ob-gold); }
.ob-histogram { display: flex; align-items: end; gap: 3px; min-height: 0; padding: 12px 14px 30px; }
.ob-hist-bar { flex: 1; min-width: 5px; height: 100%; display: flex; align-items: end; position: relative; }
.ob-hist-bar i { display: block; width: 100%; min-height: 1px; background: var(--ob-teal); opacity: .86; }
.ob-hist-bar span {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  color: var(--ob-ink-2);
  font-size: 8px;
  letter-spacing: -.04em;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}
.ob-phase-note { padding: 10px 13px; border-top: 1px solid var(--ob-rule-soft); color: var(--ob-ink-4); font: italic 13px/1.45 var(--ob-serif); }
.ob-live-hero { display: grid; grid-template-columns: 160px 1fr; min-height: 180px; border: 1px solid var(--ob-rule); margin-bottom: 16px; }
.ob-live-count { display: grid; place-content: center; border-right: 1px solid var(--ob-rule); text-align: center; }
.ob-live-count strong { color: var(--ob-gold); font-size: 56px; font-weight: 400; }
.ob-live-count span { color: var(--ob-ink-4); letter-spacing: .12em; }
.ob-live-list { align-self: stretch; }
.ob-error-panel { max-width: 700px; margin: 70px auto; padding: 24px; border: 1px solid var(--ob-rose); background: var(--ob-bg-2); }
.ob-error-panel h1 { color: var(--ob-rose); font: 26px var(--ob-serif); }
.ob-error-panel p { color: var(--ob-ink-2); line-height: 1.6; }

/* Fixed workbench pages: chrome and registers stay put while dense result
   surfaces take the remaining height, matching the profile-table grammar. */
.ob-fill { flex: 1 1 auto; min-height: 0; }
.ob-fill > .ob-card { display: flex; flex-direction: column; height: 100%; }
.ob-fill > .ob-card > .ob-table-wrap { flex: 1 1 auto; }

.ob-overview-top { flex: 0 0 170px; }
.ob-overview-top > .ob-card { overflow: hidden; }
.ob-overview-top .ob-system-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  height: calc(100% - 35px);
  padding: 8px;
}
.ob-overview-top .ob-system-cell { min-height: 0; padding: 6px 9px; }
.ob-overview-top .ob-system-cell strong {
  margin: 3px 0 5px;
  font-size: 12px;
  white-space: nowrap;
}
.ob-overview-bottom { flex: 1 1 auto; margin-bottom: 0; }
.ob-overview-bottom > .ob-card { display: flex; flex-direction: column; overflow: hidden; }
.ob-overview-bottom > .ob-card > .ob-table-wrap,
.ob-overview-bottom > .ob-card > .ob-slow-list { flex: 1 1 auto; min-height: 0; overflow: auto; }

.ob-page--live .ob-live-hero { flex: 0 0 145px; min-height: 0; }
.ob-page--live .ob-live-list { min-height: 0; overflow: auto; }
.ob-page--traffic .ob-fill > .ob-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ob-source-boundary {
  color: var(--ob-ink-3);
  font: italic 12px/1.45 var(--ob-serif);
}
.ob-source-table td:last-child {
  max-width: 220px;
  overflow: hidden;
  color: var(--ob-ink-3);
  font-size: 9px;
  text-overflow: ellipsis;
}
.ob-source-table .ob-source-work {
  max-width: 290px;
  overflow: hidden;
  color: var(--ob-ink-3);
  font-size: 9px;
  text-overflow: ellipsis;
}
.ob-agent-strip {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 12px;
}
.ob-agent-card {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid var(--ob-rule-soft);
  border-left: 2px solid var(--ob-ink-4);
  background: color-mix(in srgb, var(--ob-bg-2) 68%, transparent);
}
.ob-agent-card.is-automated { border-left-color: var(--ob-violet); }
.ob-agent-card span,
.ob-agent-card small {
  display: block;
  overflow: hidden;
  color: var(--ob-ink-4);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ob-agent-card strong {
  display: block;
  margin: 4px 0 3px;
  color: var(--ob-teal);
  font-size: 16px;
  font-weight: 500;
}

.ob-page--system > .ob-grid { flex: 1 1 auto; margin-bottom: 12px; }
.ob-page--system > .ob-grid > .ob-card { overflow: auto; }
.ob-page--transaction { overflow: hidden; padding-right: 4px; }
.ob-page--transaction .ob-page-head { margin-bottom: 8px; }
.ob-page--transaction .ob-detail-id { margin-bottom: 10px; padding-block: 11px; }
.ob-page--transaction .ob-registers { margin-bottom: 10px; }
.ob-transaction-latency {
  flex: 0 0 190px;
  margin-bottom: 10px;
  overflow: hidden;
}
.ob-transaction-latency > .ob-card,
.ob-phases-card,
.ob-transaction-samples > .ob-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ob-transaction-latency > .ob-card:last-child .ob-system-grid {
  flex: 1 1 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  padding: 8px;
}
.ob-transaction-latency > .ob-card:last-child .ob-system-cell {
  padding: 7px;
}
.ob-transaction-latency > .ob-card:last-child .ob-system-cell strong {
  margin-bottom: 0;
}
.ob-latency-card .ob-histogram { flex: 1 1 auto; }
.ob-latency-card .ob-phase-note { flex: 0 0 auto; padding-block: 6px; font-size: 11px; }
.ob-phases-card {
  flex: 0 0 170px;
  margin-bottom: 10px;
}
.ob-phases-card .ob-table-wrap { flex: 1 1 auto; overflow: auto; }
.ob-phases-card .ob-table td { padding-block: 7px; }
.ob-phases-card .ob-phase-note { flex: 0 0 auto; padding-block: 6px; font-size: 11px; }
.ob-transaction-samples {
  flex: 1 1 auto;
  min-height: 150px;
  margin-bottom: 0;
  overflow: hidden;
}
.ob-samples-card .ob-table-wrap { flex: 1 1 auto; overflow: auto; }
.ob-samples-card .ob-table:not(.ob-samples--named) th:nth-child(2),
.ob-samples-card .ob-table:not(.ob-samples--named) td:nth-child(2) {
  text-align: right;
}

.ob-page--access { gap: 12px; }
.ob-access-form, .ob-access-change, .ob-access-end, .ob-access-sources,
.ob-access-events {
  flex: 0 0 auto;
}
.ob-access-events { flex: 1 1 auto; display: flex; flex-direction: column; }
.ob-access-events .ob-table-wrap { flex: 1 1 auto; }
.ob-access-actions {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr);
}
.ob-access-actions--grant { grid-template-columns: 1fr; }
.ob-access-action { min-width: 0; }
.ob-access-action + .ob-access-action { border-left: 1px solid var(--ob-rule); }
.ob-access-action-head {
  display: grid;
  gap: 4px;
  min-height: 50px;
  padding: 10px 12px 0;
}
.ob-access-action-head strong {
  color: var(--ob-ink);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ob-access-action-head span { color: var(--ob-ink-3); font-size: 9px; }
.ob-access-controls {
  display: flex;
  align-items: end;
  gap: 10px;
  padding: 12px;
}
.ob-access-controls label { display: grid; gap: 5px; color: var(--ob-ink-3); }
.ob-access-controls input, .ob-access-controls select {
  min-width: 230px;
  border: 1px solid var(--ob-rule);
  background: var(--ob-bg);
  color: var(--ob-ink);
  padding: 7px 9px;
  font: inherit;
}
.ob-access-controls .ob-access-reason { flex: 1 1 auto; }
.ob-access-controls .ob-access-reason input { width: 100%; }
.ob-access-controls input:disabled { opacity: .45; cursor: not-allowed; }
.ob-access-remove { border-color: var(--ob-warn, #c47a5a); }
.ob-access-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.ob-access-capabilities { grid-column: span 1; }
.ob-access-sources .ob-table-wrap { max-height: 240px; overflow: auto; }
.ob-access-sources td strong,
.ob-access-sources td small { display: block; }
.ob-access-sources td small {
  max-width: 360px;
  margin-top: 3px;
  overflow: hidden;
  color: var(--ob-ink-3);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ob-row-action {
  border: 1px solid var(--ob-rule);
  background: transparent;
  color: var(--ob-ink-2);
  padding: 5px 8px;
  font: inherit;
  cursor: pointer;
}
.ob-row-action:hover { border-color: var(--ob-accent); color: var(--ob-accent); }
.ob-table tr.is-selected td { background: color-mix(in srgb, var(--ob-accent) 7%, transparent); }
.ob-muted { color: var(--ob-ink-3); font-size: 8px; }
.ob-invite-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px 12px;
  color: var(--ob-ink-3);
  font-size: 9px;
}

@media (max-width: 960px) {
  .ob-shell { height: auto; overflow: auto; }
  .ob-main { overflow: visible; padding-inline: 16px; }
  .ob-page { height: auto; overflow: visible; }
  .ob-registers, .ob-grid { grid-template-columns: 1fr; }
  .ob-register { border-right: 0; border-bottom: 1px solid var(--ob-rule); }
  .ob-register:last-child { border-bottom: 0; }
  .ob-overview-top, .ob-overview-bottom, .ob-page--live .ob-live-hero { flex-basis: auto; }
  .ob-page--transaction { overflow: visible; }
  .ob-transaction-latency, .ob-phases-card, .ob-transaction-samples {
    flex-basis: auto;
    overflow: visible;
  }
  .ob-latency-card .ob-histogram { height: 150px; flex-basis: 150px; }
  .ob-table-wrap { max-height: 60vh; overflow: auto; }
  .ob-subtitle { display: none; }
  .ob-access-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ob-access-actions { grid-template-columns: 1fr; }
  .ob-access-action + .ob-access-action { border-left: 0; border-top: 1px solid var(--ob-rule); }
  .ob-access-controls { align-items: stretch; flex-direction: column; }
  .ob-access-controls input, .ob-access-controls select { width: 100%; }
  .ob-agent-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .ob-mark span:last-child, .ob-top-right span:not(.ob-live-dot) { display: none; }
  .ob-nav button { padding: 0 10px; font-size: 8px; }
  .ob-banner { overflow-x: auto; white-space: nowrap; }
  .ob-register-values { grid-template-columns: repeat(3, minmax(75px, 1fr)); overflow-x: auto; }
  .ob-live-hero { grid-template-columns: 1fr; }
  .ob-live-count { border-right: 0; border-bottom: 1px solid var(--ob-rule); padding: 22px; }
  .ob-access-summary { grid-template-columns: 1fr; }
  .ob-agent-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ob-diagnostics {
  padding-bottom: 0;
}

.ob-diagnostics-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 20px;
}

.ob-diagnostics-row strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ob-ink);
}

.ob-diagnostics-row p {
  max-width: 70ch;
  margin: 0;
  color: var(--ob-ink-3);
  line-height: 1.5;
}

.ob-diagnostics-row .ob-back {
  flex: 0 0 auto;
}

.ob-diagnostic-error {
  padding: 0 20px 18px;
  color: var(--ob-rose);
}

.ob-diagnostics-row--divided {
  border-top: 1px solid var(--ob-rule-soft);
}

.ob-pool-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.ob-pool-row {
  padding: 11px;
  border: 1px solid var(--ob-rule-soft);
  background: var(--ob-bg);
}

.ob-pool-reading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.ob-pool-reading strong { color: var(--ob-ink-2); font-weight: 500; }
.ob-pool-reading span,
.ob-pool-row small { color: var(--ob-ink-4); font-size: 9px; }
.ob-pool-row small { display: block; margin-top: 7px; }

.ob-gc-result {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  padding: 0 20px 18px;
  color: var(--ob-ink-3);
  font-size: 10px;
}

.ob-gc-result b { color: var(--ob-gold); font-weight: 500; }

@media (max-width: 760px) {
  .ob-diagnostics-row {
    align-items: stretch;
    flex-direction: column;
  }
  .ob-pool-list { grid-template-columns: 1fr; }
}
.ob-error-detail {
  display: block;
  max-width: 28rem;
  overflow: hidden;
  color: var(--ob-error, #d58a72);
  text-overflow: ellipsis;
  white-space: nowrap;
}