/**
 * 🚨 OCULTAR INDICADORES DE PROTECCIÓN EN PRODUCCIÓN
 * Este CSS asegura que ningún elemento de debugging sea visible
 */

/* Ocultar indicador principal de protección */
#recording-protection-indicator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ocultar notificaciones de protección */
.recording-protection-notification {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ocultar cualquier elemento que contenga texto de debugging */
[class*="protection"]:has-text("Estado protegido"),
[class*="protection"]:has-text("Clics bloqueados"),
[class*="protection"]:has-text("Modal protegido") {
    display: none !important;
    visibility: hidden !important;
}

/* Fallback para ocultar elementos de debug por posición */
div[style*="position: fixed"][style*="bottom: 10px"][style*="left: 10px"] {
    display: none !important;
}

/* Ocultar elementos con z-index alto que puedan ser indicadores */
div[style*="z-index: 9999"]:has-text("protegido"),
div[style*="z-index: 10000"]:has-text("bloqueado") {
    display: none !important;
}

/* Ocultar elementos de monospace que suelen ser debug */
div[style*="font-family: monospace"]:has-text("Estado") {
    display: none !important;
}

/**
 * 🧹 LIMPIEZA GENERAL DE ELEMENTOS DE DEBUG
 */
.debug-indicator,
.debug-stats,
.debug-protection,
.system-monitor,
.state-indicator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}