/* /Composants/EcranVide.razor.rz.scp.css */
h1[b-hn8ds2ewsg] { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; }

p[b-hn8ds2ewsg] { color: var(--texte-discret); font-size: 16px; line-height: 1.45; max-width: 32em; }
/* /Composants/Visuel.razor.rz.scp.css */
.visuel[b-rbexi2db8z] {
    position: relative;
    display: inline-grid;
    width: var(--taille);
    height: var(--taille);
    flex: none;
}

.pastille[b-rbexi2db8z], img[b-rbexi2db8z] {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
}

.pastille[b-rbexi2db8z] {
    display: grid;
    place-items: center;
    border-radius: 30%;
    background: var(--pastille);
    color: var(--pastille-texte);
    font-family: var(--police-titres);
    font-weight: 700;
    font-size: calc(var(--taille) * 0.4);
}

img[b-rbexi2db8z] { object-fit: contain; }
/* /Layout/MainLayout.razor.rz.scp.css */
.ecran[b-knwgffk6kf] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.contenu[b-knwgffk6kf] {
    flex: 1;
    padding: calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));
}

/* Entrée d'une page : un fondu et une légère montée, calculés par la puce graphique (opacity, transform). */
.page[b-knwgffk6kf] {
    animation: entree-b-knwgffk6kf var(--duree) var(--sortie) both;
}

@keyframes entree-b-knwgffk6kf {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}
/* /Layout/Onglets.razor.rz.scp.css */
.onglets[b-jh4nkb5jhm] {
    position: fixed;
    inset: auto 0 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid var(--trait);
}

[b-jh4nkb5jhm] .onglet {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 6px 0;
    border-radius: var(--rayon);
    color: var(--texte-discret);
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    transition: color var(--duree-courte) linear, transform var(--duree-courte) var(--sortie);
}

/* Le doigt enfonce l'onglet tout de suite, avant même le changement de page : jamais d'impression de lag. */
[b-jh4nkb5jhm] .onglet:active { transform: scale(0.92); }

[b-jh4nkb5jhm] .onglet.active { color: var(--accent); }

[b-jh4nkb5jhm] .onglet.active .picto { transform: translateY(-1px) scale(1.08); }

.picto[b-jh4nkb5jhm] {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform var(--duree) var(--ressort);
}