/* ── Modal TV "Watch" (Unified Layout) ── */

/* Por encima de búsqueda MinIO/YouTube y modales (class .modal-backdrop = z-index 200) */
#watch-modal.modal-backdrop {
  z-index: 15000 !important;
}

#watch-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 15000;
  background: rgba(0,0,0,0.98);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  backdrop-filter: blur(12px);
}

#watch-modal.visible { display: flex; }

/* Ajustes específicos para el "mueble" dentro del modal */
#watch-tv-case {
  transform: scale(0.85); /* Un pelín más pequeña para que quepa bien */
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#watch-modal.watch-fullscreen #watch-tv-case {
  transform: scale(1.05);
}

/* OSD y elementos específicos que necesitan IDs para JS */
#watch-osd, #watch-lower {
  pointer-events: none;
}

#watch-yt-container {
  background: #000;
}

/* Stand/Pies del modal */
#watch-tv-stand {
  margin-top: -10px;
}

/* Forzar fuentes */
#watch-ch-display, .knob-label, .ch-btn, .power-btn, .fs-btn {
  font-family: 'Share Tech Mono', monospace !important;
}