/* Modals — split from admin.css */

/* ===== Recording Player Modal ===== */
.recording-player-body {
  padding: 0;
}

.recording-player-body video {
  width: 100%;
  max-height: 65vh;
  background: #000;
  border-radius: 8px;
}

.asset-preview-body {
  padding: 16px;
}

.asset-preview-video,
.asset-preview-image {
  width: 100%;
  max-height: 65vh;
  background: #000;
  border-radius: 8px;
}

.asset-preview-image {
  object-fit: contain;
}

.managed-preview-shell {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.managed-preview-shell-focus {
  min-height: 320px;
}

.managed-preview-shell-side {
  min-height: 180px;
}

.managed-preview-video,
.managed-preview-empty {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #000;
}

.managed-preview-video {
  object-fit: contain;
}

.managed-preview-empty {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#goLivePreviewMeta,
#goLivePrimaryPreviewMeta,
#goLiveSecondaryPreviewMeta {
  display: block;
  line-height: 1.35;
  min-height: calc(1.35em * 2);
}

.managed-preview-video[hidden],
.managed-preview-empty[hidden] {
  display: none !important;
}

@media (max-width: 1199.98px) {
  .managed-preview-shell-focus {
    min-height: 260px;
  }

  .managed-preview-shell-side {
    min-height: 220px;
  }
}

.recording-player-info {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
  color: #999;
  font-size: 13px;
}

.recording-player-info .info-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.recording-player-info .info-label {
  color: #666;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.recording-player-info .info-value {
  color: #ccc;
}

/* ===== Destination Modal ===== */
.dest-collapse-toggle {
  background: #353535 !important;
  color: #f0f0f0 !important;
  border-color: #5e5e5e !important;
  font-weight: 600;
  padding: 8px 12px;
}

.dest-collapse-toggle:hover,
.dest-collapse-toggle:focus {
  background: #404040 !important;
  color: #fff !important;
  border-color: #7a7a7a !important;
}

.dest-collapse-toggle .fa-chevron-down {
  color: #d8d8d8;
  transition: transform 0.2s ease, color 0.2s ease;
}

.dest-collapse-toggle[aria-expanded="true"] .fa-chevron-down {
  color: #fff;
  transform: rotate(180deg);
}

#destinationModal .collapse > .card.card-body {
  background: #252525 !important;
  border: 1px solid #474747;
}

.restream-conflict-list .list-group-item {
  border-left: 3px solid #dc3545;
}