.dash-grid.no-sidebar{ grid-template-columns:1fr; }

.beta-panel .beta-wrap{
  padding:10px 12px 6px;
  min-height:140px;
  overflow:hidden;
}
.beta-group-title{
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-hi);
  letter-spacing: 0.03em;
  padding: 0 4px 8px;
}
.beta-svg{ display:block; width:100%; }
.beta-node rect{
  fill:var(--bg-3);
  stroke:var(--line);
  stroke-width:1;
}
.beta-node.dep rect{
  stroke:var(--accent);
  fill:rgba(196,120,58,.12);
}
.beta-node.residual rect{
  stroke:var(--accent-hi);
  fill:rgba(196,120,58,.18);
  stroke-width:1.5;
}
.beta-node text{
  fill:var(--text-hi);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
}
.beta-node text.role{
  fill:var(--text-lo);
  font-size:9px;
  font-weight:400;
}
.beta-node text.residual-name{
  fill: var(--accent-hi);
  font-size: 10px;
  font-weight: 600;
}
.beta-wire{
  fill:none;
  stroke-linecap:round;
}
.beta-wire.pos{ stroke:#6b9a6b; }
.beta-wire.neg{ stroke:#b85c4a; }

/* Labels sit next to symbols — avoid mid-wire pile-up */
.beta-label{
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:600;
  paint-order:stroke;
  stroke:var(--bg-1);
  stroke-width:3.5px;
  stroke-linejoin:round;
  pointer-events:none;
}
.beta-label.near{
  text-anchor:start;
  font-size:10.5px;
  letter-spacing:0.02em;
}
.beta-label.pos{ fill:#8fbf8f; }
.beta-label.neg{ fill:#d48a7a; }

.beta-particle{
  pointer-events:none;
}

.beta-legend{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  padding:0 14px 12px;
  font-size:11px;
  color:var(--text-lo);
}
.beta-legend .pos{ color:#8fbf8f; }
.beta-legend .neg{ color:#d48a7a; }

#perf-table th.col-actions,
#perf-table td.col-actions{
  position: sticky;
  right: 0;
  min-width: 168px;
  width: 168px;
  z-index: 2;
  background: var(--bg-1);
  box-shadow: -6px 0 8px rgba(0,0,0,.25);
  text-align: center;
  vertical-align: middle;
}
#perf-table thead th.col-actions{
  background: var(--bg-2);
  z-index: 3;
}
#perf-table tr:hover td.col-actions{
  background: var(--bg-2);
}
#perf-table tr.selected-row td.col-actions{
  background: var(--bg-3);
}
.perf-actions{
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
  padding: 2px 0;
}
.perf-actions button{
  padding: 4px 8px !important;
  font-size: 11px !important;
  white-space: nowrap;
  width: 100%;
}
#perf-table tr.selected-row td{
  background: var(--bg-3);
}
.g-status.active{ color: var(--long); }
.g-status.inactive{ color: var(--text-lo); }