/* ================================================
   LGPD Demo Mode - Modo Demonstração
   Protege dados sensíveis de pacientes durante demos
   ================================================ */

/* Blur parcial para nomes (sobrenomes) */
.lgpd-nome-oculto {
    filter: blur(4px);
    user-select: none;
    pointer-events: none;
    display: inline;
}

/* Blur total para documentos (CPF, RG, etc) */
.lgpd-doc-blur {
    filter: blur(5px);
    user-select: none;
    pointer-events: none;
    display: inline;
}

/* Inputs protegidos em modo edição */
.lgpd-input-protegido {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
    user-select: none;
}
.lgpd-input-protegido::placeholder {
    color: transparent !important;
}
select.lgpd-input-protegido {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
}
textarea.lgpd-input-protegido {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
}

/* Badge flutuante indicador de modo demonstração */
.lgpd-demo-badge {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
    display: flex;
    align-items: center;
    gap: 6px;
    animation: lgpd-badge-pulse 2s ease-in-out infinite;
}

.lgpd-demo-badge i {
    font-size: 16px;
}

@keyframes lgpd-badge-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* CSS global quando data-lgpd-demo está ativo no html */
[data-lgpd-demo="true"] .lgpd-nome-oculto {
    filter: blur(4px);
}

[data-lgpd-demo="true"] .lgpd-doc-blur {
    filter: blur(5px);
}

/* Print: esconder badge, manter blur */
@media print {
    .lgpd-demo-badge {
        display: none !important;
    }
    .lgpd-nome-oculto {
        filter: blur(4px) !important;
        -webkit-filter: blur(4px) !important;
    }
    .lgpd-doc-blur {
        filter: blur(5px) !important;
        -webkit-filter: blur(5px) !important;
    }
    .lgpd-input-protegido {
        color: transparent !important;
        text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
    }
}