/* ============================================================
   Hard Hat Benchmark — Live Trainings (learner side).
   Classes prefixed trl-. The full-screen recording player reuses
   training.css's .tr-player / .tr-player-bar / .tr-player-t directly
   (the SCORM player's own chrome) rather than redefining it — only
   the <video> itself needs a rule, playing the part .tr-player-frame
   plays for the SCORM iframe.
   ============================================================ */

/* ---------- the "Live: …" block on My Training ---------- */
.trl-block { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.trl-row {
  display: flex; align-items: center; gap: 10px; width: 100%;
  background: var(--blue-tint, #E8F0FC); border: 1px solid var(--blue-tint, #E8F0FC);
  border-radius: var(--radius-sm, 8px); padding: 12px 14px;
}
.trl-row-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.trl-row-t { font-weight: 600; font-size: 15px; color: var(--ink, #1D2330); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trl-row-sub { font-size: 13px; color: var(--gray-5, #667085); }
.trl-when-only { flex: 0 0 auto; font-size: 13px; font-weight: 600; color: var(--gray-5, #667085); white-space: nowrap; }

/* ---------- the recording player ---------- */
.trl-video { flex: 1 1 auto; width: 100%; height: 100%; background: #000; object-fit: contain; border: 0; }