/* ───────────────────────────────────────────────────────────────
   CMF — Diagnóstico Estratégico (IDEIA #2)  v1.0.0
   Estilo do bloco interpretativo + botão WhatsApp por tese.
   Usa EXCLUSIVAMENTE as variáveis de tema do cmf-core.css (--cmf-*),
   com fallbacks idênticos aos do core — não inventa paleta.
   Este CSS é opcional/progressivo: o JS injeta um fallback inline
   equivalente caso este arquivo não seja enfileirado.
   ─────────────────────────────────────────────────────────────── */

.cmf-diag-block {
    margin: 18px 0 8px;
    padding: 18px 20px;
    background: var(--cmf-navy-50, #e8ebf2);
    border: 1px solid var(--cmf-border, #d8dce0);
    border-left: 4px solid var(--cmf-navy, #1B2A4A);
    border-radius: var(--cmf-radius, 12px);
    color: var(--cmf-text, #1f2328);
}

.cmf-diag-block .cmf-diag-body {
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.6;
}
.cmf-diag-block .cmf-diag-body p { margin: 0; }

/* Botão WhatsApp — mesma identidade do .cmf-btn-whatsapp do core
   (verde institucional do WhatsApp, pílula). */
.cmf-diag-block .cmf-diag-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #25D366;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(37, 211, 102, .32);
    transition: background .15s, transform .12s, box-shadow .15s;
}
.cmf-diag-block .cmf-diag-wa:hover,
.cmf-diag-block .cmf-diag-wa:focus {
    background: #1da851;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, .42);
    outline: none;
}
.cmf-diag-block .cmf-diag-wa svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Micro-disclaimer Provimento OAB 205 */
.cmf-diag-block .cmf-diag-note {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--cmf-muted, #4a5057);
    line-height: 1.5;
}

@media (max-width: 640px) {
    .cmf-diag-block { padding: 16px; }
    .cmf-diag-block .cmf-diag-wa { width: 100%; justify-content: center; }
}

/* Impressão: o bloco de diagnóstico/CTA não vai para a folha de PDF branded. */
@media print {
    .cmf-diag-block { display: none !important; }
}