/* En-tête de Viraedies — composant gbl/header-meta : une barre au chrome, collée au haut de l'écran,
   floutant ce qui passe dessous ; le logo à gauche, le statut de connexion à droite, son point orangé
   pour un visiteur, vert pour un membre. */

@layer components {
    .header-brand {
        margin-inline-start: 15px;
    }
    .header-end {
        margin-inline-end: 15px;
    }
    .header-meta-status {
        display: flex;
        align-items: center;
        gap: 8px;
    }

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

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