/* Recording UI final fixes: keep status/admin cards vertical and prevent old global flex rules from breaking the layout. */
.recording-edit-page .recording-status-card,
.recording-edit-page .recording-admin-actions.card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.recording-edit-page .recording-status-card > .eyebrow,
.recording-edit-page .recording-admin-actions.card > .eyebrow {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

.recording-edit-page .recording-status-card > h2,
.recording-edit-page .recording-admin-actions.card > h2 {
  display: block !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  color: var(--ctc-text) !important;
  overflow-wrap: anywhere;
}

.recording-edit-page .recording-status-card > .muted-text,
.recording-edit-page .recording-admin-actions.card > .muted-text {
  margin: 0 !important;
  line-height: 1.55 !important;
}

.recording-edit-page .recording-status-card .recording-actions--vertical,
.recording-edit-page .recording-admin-actions.card .recording-actions--vertical {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.recording-edit-page .recording-status-card .recording-actions--vertical form,
.recording-edit-page .recording-admin-actions.card .recording-actions--vertical form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.recording-edit-page .recording-status-card .recording-actions--vertical .btn,
.recording-edit-page .recording-admin-actions.card .recording-actions--vertical .btn {
  width: 100% !important;
  justify-content: center !important;
}

.recording-edit-page .dashboard-grid--two {
  align-items: start !important;
}

.recording-watch-page .recording-preview-note,
.recording-watch-page .recording-side .readiness-list {
  overflow-wrap: anywhere;
}