.recording-controls {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  align-items: center;
}

.recording-state { font-size: 10px; letter-spacing: .05em; }
.recording-state.on { color: var(--red); }
.recording-controls > span { font-variant-numeric: tabular-nums; color: var(--muted); }
.recording-button {
  grid-column: 1 / -1;
  min-height: 38px;
  border: 1px solid #725024;
  border-radius: 6px;
  background: #251d12;
  color: var(--amber);
  font-weight: 700;
}
.recording-state.on ~ .recording-button { border-color: #7e3036; background: #2b1519; color: #ff7077; }
.recording-controls small { grid-column: 1 / -1; color: var(--muted); line-height: 1.45; }

/* Butonul de alegere a folderului. Secundar față de cel de pornire: se apasă
 * o dată, înainte de prima slujbă, apoi aproape niciodată. */
.recording-folder {
  font: inherit;
  font-size: .72rem;
  padding: .35rem .6rem;
  border-radius: .3rem;
  border: 1px dashed #3d4655;
  background: transparent;
  color: #9aa4b2;
  cursor: pointer;
}

.recording-folder:hover:not(:disabled) {
  border-color: var(--amber, #f2b84b);
  color: var(--amber, #f2b84b);
}

.recording-folder:disabled { opacity: .4; cursor: default; }

/* Folder ales: linia devine continuă, ca să se vadă dintr-o privire că
 * înregistrarea va ajunge pe disc, nu în Descărcări. */
.recording-folder.chosen {
  border-style: solid;
  border-color: var(--green, #39d98a);
  color: var(--green, #39d98a);
}