/* LOGIN — fotografia do armazém integrada à identidade Mel & Baunilha */
.login-brand {
    position: relative !important;
    isolation: isolate !important;
    background-color: #A97D46 !important;
    background-image:
        linear-gradient(
            112deg,
            rgba(126, 83, 48, .78) 0%,
            rgba(164, 111, 64, .72) 48%,
            rgba(184, 139, 80, .70) 100%
        ),
        url("../img/warehouse-sidebar.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: #FFFAF1 !important;
}
.login-brand::before,
.login-brand::after {
    z-index: 0 !important;
    border-color: rgba(255, 250, 241, .20) !important;
    pointer-events: none !important;
}
.login-brand .brand-content,
.login-brand .brand-footer {
    position: relative !important;
    z-index: 1 !important;
}
.login-brand .brand-logo,
.login-brand .feature-icon,
.login-brand .institution-icon {
    background: rgba(255, 250, 241, .14) !important;
    border-color: rgba(255, 250, 241, .30) !important;
    color: #FFF4DF !important;
}
.login-brand .brand-name strong,
.login-brand .brand-message h1,
.login-brand .feature-item strong,
.login-brand .brand-institution strong {
    color: #FFFAF1 !important;
}
.login-brand .brand-name span,
.login-brand .brand-eyebrow,
.login-brand .brand-message p,
.login-brand .feature-item span,
.login-brand .brand-institution span,
.login-brand .brand-footer {
    color: #F8EBD8 !important;
}
.login-brand .brand-message h1 span {
    color: #F3D5A8 !important;
}
.login-brand .eyebrow-line {
    background: #E8C48D !important;
}
/* Mantém a área de autenticação limpa, contínua e sem cartões extras */
.login-page,
.login-content {
    background: #F5EBDD !important;
}
.login-form-wrapper,
.login-heading,
.login-form {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 850px) {
    .login-brand {
        background-position: center 48% !important;
    }
}
@media (max-width: 575px) {
    .login-brand {
        background-position: center 55% !important;
    }
}