:root {
    --galva-black: #050505;
    --galva-graphite: #111111;
    --galva-graphite-soft: #1a1a1a;
    --galva-red: #c81010;
    --galva-red-dark: #8f0909;
    --galva-red-soft: #e21a1a;
    --galva-white: #ffffff;
}

/* HEADER PRINCIPAL */
header.mdc-toolbar.mdc-toolbar--portal-no-shrink {
    background: var(--galva-black);
    background:
            radial-gradient(circle at 88% 50%, rgba(200, 16, 16, 0.32) 0%, rgba(200, 16, 16, 0.08) 26%, transparent 48%),
            linear-gradient(135deg, var(--galva-black) 0%, var(--galva-graphite) 52%, var(--galva-red-dark) 100%);

    color: var(--galva-white);
    border-bottom: 1px solid rgba(200, 16, 16, 0.55);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

/* FUNDO DO LOGIN */
.app-fmk-login-screen-header-bg {
    background: var(--galva-black);
    background:
            radial-gradient(circle at 78% 22%, rgba(226, 26, 26, 0.30) 0%, rgba(226, 26, 26, 0.08) 28%, transparent 52%),
            linear-gradient(135deg, var(--galva-black) 0%, var(--galva-graphite-soft) 48%, var(--galva-red-dark) 100%);

    color: var(--galva-white);
}

/* LINHA DE IDENTIDADE ABAIXO DO HEADER */
header.mdc-toolbar.mdc-toolbar--portal-no-shrink:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;

    background: linear-gradient(
            90deg,
            transparent 0%,
            var(--galva-red) 18%,
            var(--galva-red-soft) 50%,
            var(--galva-red) 82%,
            transparent 100%
    );
}