/* ══════════════════════════════════════════════════════════
   Contact (Damamme) — css/app.css
   Styles SPÉCIFIQUES uniquement (le hub fournit onglets,
   cartes, boutons, formulaires, entry-card, empty-state…).
   Toujours scopé sous #contact-app.
   ══════════════════════════════════════════════════════════ */

#contact-app .contact-intro {
    margin: 0 0 16px;
    color: var(--hub-text);
}

#contact-app .contact-form {
    max-width: 640px;
}

#contact-app .contact-badge {
    display: inline-block;
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 10px;
    background: var(--hub-blue-pale);
    color: var(--hub-blue);
    margin-left: 6px;
    vertical-align: middle;
}

#contact-app .contact-badge-off {
    background: #eee;
    color: #888;
}

/* K3 (12/07/2026) : cartes sections cliquables. */
#contact-app .contact-section-card { cursor: pointer; }
#contact-app .contact-section-card:hover { background: var(--hub-bg-dark, #eef2f5); }