/* ==========================================================
   ALLIANCE CRM — BADGES
   ========================================================== */


/* ----------------------------------------------------------
   BASE GÉNÉRIQUE
   ---------------------------------------------------------- */

.crm-badge {
    /*
     * Valeurs neutres par défaut.
     *
     * Elles sont utilisées lorsque le shortcode ne retrouve
     * aucune référence ou lorsqu'aucune classe spécifique
     * n'a encore été définie.
     */
    --crm-badge-background: #f2f4f7;
    --crm-badge-text: #475467;
    --crm-badge-border: #dfe3e8;
    --crm-badge-dot: #98a2b3;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    width: fit-content;
    max-width: 100%;
    min-height: 24px;

    padding: 4px 10px;

    color: var(--crm-badge-text);
    background-color: var(--crm-badge-background);
    border: 1px solid var(--crm-badge-border);
    border-radius: 999px;

    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.15;

    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}


/* Pastille. */
.crm-badge::before {
    content: "";

    flex: 0 0 auto;

    width: 7px;
    height: 7px;

    background-color: var(--crm-badge-dot);
    border-radius: 50%;
}


/* Variante sans pastille. */
.crm-badge-no-dot::before {
    display: none;
}


/* Variante compacte. */
.crm-badge-small {
    min-height: 21px;
    padding: 3px 8px;

    font-size: 10px;
}

.crm-badge-small::before {
    width: 6px;
    height: 6px;
}


/* ----------------------------------------------------------
   SASP
   ---------------------------------------------------------- */


/* SASP à faire — gris bleuté. */
.crm-ref-sasp_a_faire {
    --crm-badge-background: #f2f4f7;
    --crm-badge-text: #475467;
    --crm-badge-border: #dfe3e8;
    --crm-badge-dot: #667085;
}


/* SASP en cours — orange. */
.crm-ref-sasp_en_cours {
    --crm-badge-background: #fff4e5;
    --crm-badge-text: #854f0b;
    --crm-badge-border: #f2d29b;
    --crm-badge-dot: #d97706;
}


/* SASP fait — vert. */
.crm-ref-sasp_fait {
    --crm-badge-background: #eaf8ef;
    --crm-badge-text: #176b3a;
    --crm-badge-border: #bce4ca;
    --crm-badge-dot: #16a34a;
}


/* SASP à modifier — violet. */
.crm-ref-sasp_a_modifier {
    --crm-badge-background: #f3efff;
    --crm-badge-text: #6941c6;
    --crm-badge-border: #d9ccff;
    --crm-badge-dot: #7f56d9;
}


/* SASP validé — vert soutenu. */
.crm-ref-sasp_valide{
    --crm-badge-background: #e8f7ee;
    --crm-badge-text: #126536;
    --crm-badge-border: #acdcbf;
    --crm-badge-dot: #15803d;
}


/* ----------------------------------------------------------
   STATUTS COMMERCIAUX
   ---------------------------------------------------------- */


/* À relancer — orange rouge. */
.crm-ref-a_relancer {
    --crm-badge-background: #fff1e8;
    --crm-badge-text: #9a3412;
    --crm-badge-border: #fdc8a8;
    --crm-badge-dot: #ea580c;
}


/* Prospect — bleu. */
.crm-ref-prospect {
    --crm-badge-background: #edf4ff;
    --crm-badge-text: #2458a6;
    --crm-badge-border: #c9dcff;
    --crm-badge-dot: #3b82f6;
}


/* En attente de facture — jaune. */
.crm-ref-en_attente_facture {
    --crm-badge-background: #fff9df;
    --crm-badge-text: #7a5700;
    --crm-badge-border: #f3df8f;
    --crm-badge-dot: #d6a800;
}


/* ----------------------------------------------------------
   INSTALLATION
   ---------------------------------------------------------- */


/* À installer — indigo. */
.crm-ref-a_installer {
    --crm-badge-background: #eef0ff;
    --crm-badge-text: #4146a6;
    --crm-badge-border: #cfd3ff;
    --crm-badge-dot: #6366f1;
}


/* En cours d'installation — cyan. */
.crm-ref-en_cours_dinstallation {
    --crm-badge-background: #e7f8fb;
    --crm-badge-text: #0e6675;
    --crm-badge-border: #b8e5ec;
    --crm-badge-dot: #0891b2;
}


/* ----------------------------------------------------------
   FINANCEMENT
   ---------------------------------------------------------- */


/* Financement en cours — ambre. */
.crm-ref-financement_encours {
    --crm-badge-background: #fff6e5;
    --crm-badge-text: #87540d;
    --crm-badge-border: #efd19c;
    --crm-badge-dot: #d88a13;
}


/* Financement accepté — vert. */
.crm-ref-financement_accepte {
    --crm-badge-background: #eaf8ef;
    --crm-badge-text: #176b3a;
    --crm-badge-border: #bce4ca;
    --crm-badge-dot: #16a34a;
}


/* Financement refusé — rouge. */
.crm-ref-financement_refuse {
    --crm-badge-background: #fff0f0;
    --crm-badge-text: #a12828;
    --crm-badge-border: #f1bebe;
    --crm-badge-dot: #dc2626;
}


/* ----------------------------------------------------------
   DOSSIER PERDU
   ---------------------------------------------------------- */


/* Perdu — gris sombre. */
.crm-ref_perdu {
    --crm-badge-background: #eef0f3;
    --crm-badge-text: #344054;
    --crm-badge-border: #d0d5dd;
    --crm-badge-dot: #475467;
}