/* En-tête d'Horizon — composant gbl/header-meta : une barre étroite au chrome, collée au haut de l'écran,
   floutant ce qui passe dessous ; la marque à gauche ; les boutons du thème et le statut de connexion à
   droite, son point ambré pour un visiteur, vert pour un membre (exvae #42-sources-ui/exhaustivite). */

@layer components {
    .header-meta-status {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

    .header-meta-logo {
        opacity: 0.9;
    }

    .header-meta-title {
        color: var(--canon-theme-on-chrome-bright);
    }

    .header-meta-status {
        font-size: var(--canon-size-note);
        font-weight: var(--canon-weight-quiet);
        white-space: nowrap;
        color: inherit;
    }

    .header-meta {
        user-select: none;
    }
}