/* public/app/css/dash-brand.css
 * Synopsis: Logo dashboard et chrome header.
 * Objectif: Marque Vokalyptus + boutons plein écran.
 */

.dash .dash-brand {
    align-items: center;
    color: var(--dash-accent);
    display: inline-flex;
    flex: 0 1 auto;
    gap: .45rem;
    min-width: 0;
    text-decoration: none;
}

.dash .dash-brand__mark {
    display: inline-flex;
    filter: drop-shadow(0 0 .35rem color-mix(in srgb, var(--dash-accent) 55%, transparent));
    flex: 0 0 auto;
    line-height: 0;
}

.dash .dash-brand__mark img {
    border-radius: 50%;
    display: block;
    height: clamp(2.4rem, 5.5vw, 3.4rem);
    object-fit: cover;
    width: clamp(2.4rem, 5.5vw, 3.4rem);
}

.dash .dash-brand__name {
    font-family: var(--display);
    font-size: clamp(1.9rem, 4.5vw, 3rem);
    letter-spacing: -.04em;
    line-height: 1;
    text-transform: none;
}

.dash .dash-fs-btn {
    font-size: clamp(1.35rem, 2.4vw, 1.75rem);
    min-height: 3.1rem;
    min-width: 3.1rem;
    padding: .45rem .65rem;
}