/* TC_Q4_PRIVACY_MODE_INBOX — DUAL MODE CSS (S33 2026-05-08) */
/* REGULA 184: marker privacy-pii sau data-privacy-mask="true" OBLIGATORIU pe orice camp PII */

/* ============================================================
   DEMO MODE — blur+hover reveal pentru prezentari LIVE
   Caz utilizare: tu vezi prin hover, audienta nu
   LIMITA: screenshots cu blur pot fi reversate cu AI deblur
   ============================================================ */
body.privacy-mode-demo [data-privacy-mask="true"],
body.privacy-mode-demo .privacy-pii {
    filter: blur(6px);
    transition: filter 0.2s;
    cursor: pointer;
    user-select: none;
}
body.privacy-mode-demo [data-privacy-mask="true"]:hover,
body.privacy-mode-demo .privacy-pii:hover {
    filter: blur(0);
    cursor: default;
}

/* ============================================================
   STRONG MODE — color:transparent + pseudoelement cu ● ● ● ●
   Caz utilizare: screenshots blog/marketing/social — protectie absoluta
   AVANTAJ: zero risc AI deblur (datele NU mai sunt in pixeli)
   NU permite hover reveal — protectie absoluta
   ============================================================ */
body.privacy-mode-strong [data-privacy-mask="true"],
body.privacy-mode-strong .privacy-pii {
    color: transparent !important;
    background: #444;
    border-radius: 3px;
    user-select: none;
    position: relative;
}
body.privacy-mode-strong [data-privacy-mask="true"]::after,
body.privacy-mode-strong .privacy-pii::after {
    content: "\25CF\25CF\25CF\25CF";
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
    font-size: 0.75em;
    line-height: 1.5;
}