.rec-status { font-family: var(--mono, monospace); font-size: 0.7rem; color: var(--muted); letter-spacing: 0.04em; }
.rec-status.on { color: #ff4d4d; }
.rec-status.wait { color: #e3b341; }
.rec-status.ready { color: var(--ok); }
.panel .rec-modes button:not(.panel-pin)::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 30%;
  right: 30%;
  height: 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.12);
}
.panel .rec-modes button:not(.panel-pin) { padding-top: 9px; }
.panel .rec-modes button:not(.panel-pin)[aria-pressed="true"] {
  color: #fff;
  background: linear-gradient(180deg, rgba(var(--acc-rgb), 0.24) 0%, rgba(var(--acc-rgb), 0.1) 100%);
  border-color: #000;
  box-shadow: inset 0 0 0 1px rgba(var(--acc-rgb), 0.8), 0 0 14px -4px rgba(var(--acc-rgb), 0.8);
}
.panel .rec-modes button:not(.panel-pin)[aria-pressed="true"]::before { background: var(--acc); box-shadow: 0 0 6px rgba(var(--acc-rgb), 0.95); }
.panel .rec-start:not(.panel-pin)[aria-pressed="true"] {
  color: #fff;
  background: linear-gradient(180deg, rgba(255, 60, 60, 0.3) 0%, rgba(255, 60, 60, 0.12) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 77, 77, 0.85), 0 0 14px -4px rgba(255, 77, 77, 0.9);
}
.rec-info { display: flex; justify-content: space-between; gap: 8px; font-family: var(--mono, monospace); font-size: 0.78rem; color: var(--muted); }
.rec-time { color: var(--readout); font-size: 0.95rem; }
.work .ltab-count.rec-live { color: #ff4d4d; }