/* =============================================================================
   CLIENT BADGES — Palette par client
   Usage : <span class="client-badge" data-client="taqa-morocco">TQM</span>
   ========================================================================== */

.client-badge {
    /* Base : fallback gris neutre */
    display: inline-block;
    padding: 3px 9px;
    border-radius: 5px;
    font-family: 'IBM Plex Mono', 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.25);
    vertical-align: middle;
    line-height: 1.4;
}

/* TQM - Bleu ciel */
.client-badge[data-client="taqa-morocco"],
.client-badge[data-client="taqa-moroc"],
.client-badge[data-client="taqa"] {
    background: #7dd3fc;
    color: #0c4a6e;
    border-color: #38bdf8;
}

/* MIC - Jaune */
.client-badge[data-client="ministere-industrie"] {
    background: #fde047;
    color: #713f12;
    border-color: #facc15;
}

/* PI - Rose */
.client-badge[data-client="parti-istiqlal"],
.client-badge[data-client="pi"] {
    background: #f9a8d4;
    color: #831843;
    border-color: #f472b6;
}

/* MEE - Bleu */
.client-badge[data-client="ministere-equipement"] {
    background: #60a5fa;
    color: #1e3a8a;
    border-color: #3b82f6;
}

/* MTEDD - Vert eau */
.client-badge[data-client="mtedd"],
.client-badge[data-client="ministere-eau"],
.client-badge[data-client="ministere-mtedd"] {
    background: #4ade80;
    color: #14532d;
    border-color: #22c55e;
}

/* SGG - Blanc */
.client-badge[data-client="sgg"] {
    background: #e2e8f0;
    color: #1e293b;
    border-color: #cbd5e1;
}

/* FM6I (fonds) - Gris clair */
.client-badge[data-client="fonds"],
.client-badge[data-client="fm6i"] {
    background: #cbd5e1;
    color: #334155;
    border-color: #94a3b8;
}

/* Variante taille XS (pour les contextes denses) */
.client-badge.size-xs {
    font-size: 9px;
    padding: 2px 6px;
}

/* Variante taille L (pour la page détail demande) */
.client-badge.size-lg {
    font-size: 12px;
    padding: 5px 12px;
}