/* ==========================================================================
   Signature « CCA | Nom » (maquette S2 du superviseur : logo intact + étiquette ; Luc 2026-10-08).
   Mêmes proportions que la console admin (CCAAdmin/Components/Layout/CcaAdminLogo.razor), exprimées en fraction de la
   hauteur du logo (--cca-sig-h) pour s'adapter à la longueur du nom :
     écart logo→barre 0,34 H · barre 0,88 H de haut, ~0,042 H d'épaisseur · écart barre→nom 0,375 H · nom gras 0,7 H.
   Feuille GLOBALE (pas de CSS isolé) : l'écran de démarrage (index.html) l'utilise avant Blazor.
   Bibliothèque CCA.Web.Assets (déménagée de Desktop.UI le 2026-10-08, commune au mobile) : jeton de la charte s'il
   existe, sinon sa valeur en repli.
   Couleurs (charte D21) : noir sur fond clair, gris sur fond foncé ; .on-frame = sur le cadre marine (deux thèmes).
   ========================================================================== */

.cca-sig {
    --cca-sig-h: 32px;
    display: inline-flex;
    align-items: center;
    color: var(--cca-texte, #121417);
}

[data-theme="dark"] .cca-sig {
    color: var(--cca-texte-2, #A8B6CA);
}

.cca-sig.on-frame,
[data-theme="dark"] .cca-sig.on-frame {
    color: var(--cca-cadre-texte-2, #9FB0C8);
}

/* Pas de « display » ici : CcaLogo pose les DEUX images (clair, sombre) et masque l'une par display:none selon le thème. */
.cca-sig .cca-sig-logo {
    height: var(--cca-sig-h);
    width: auto;
    flex: 0 0 auto;
}

.cca-sig-bar {
    flex: 0 0 auto;
    width: max(1px, calc(var(--cca-sig-h) * .042));
    height: calc(var(--cca-sig-h) * .88);
    margin: 0 calc(var(--cca-sig-h) * .375) 0 calc(var(--cca-sig-h) * .34);
    background: currentColor;
}

.cca-sig-name {
    font-size: calc(var(--cca-sig-h) * .7);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.01em;
    white-space: nowrap;
}