/* ===== Página de login admin – fundo azul ===== */
body.login_admin {
    background-image: none !important;
    background-color: #001242 !important;
}

/* ===== Título "Login" – combina com o azul de fundo ===== */
.login_admin .login-admin-title {
    color: #e8ecf4 !important;
    text-shadow: 0 1px 2px rgba(0, 18, 66, 0.3);
}

/* ===== Texto "Welcome, please..." – suave sobre o azul ===== */
.login_admin .login-admin-welcome {
    color: rgba(232, 236, 244, 0.85) !important;
    font-size: 0.95rem;
}

/* ===== Card do formulário – menos contraste, mais agradável ===== */
.login_admin .login-admin-card {
    background: rgba(255, 255, 255, 0.97) !important;
    border-radius: 1rem;
    box-shadow:
        0 4px 6px -1px rgba(0, 18, 66, 0.12),
        0 10px 24px -4px rgba(0, 18, 66, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* Labels e textos dentro do card – tom escuro legível ===== */
.login_admin .login-admin-card .control-label,
.login_admin .login-admin-card label {
    color: #334155 !important;
}

.login_admin .login-admin-card .form-control {
    border-color: #e2e8f0;
    background-color: #fff;
}

.login_admin .login-admin-card .form-control:focus {
    border-color: #001242;
    box-shadow: 0 0 0 3px rgba(0, 18, 66, 0.12);
}

/* Link "Forgot password" – combina com o azul ===== */
.login_admin .login-admin-card a.text-muted {
    color: #64748b !important;
}

.login_admin .login-admin-card a.text-muted:hover {
    color: #001242 !important;
}

/* Botão de login – reforça o azul do fundo ===== */
.login_admin .login-admin-card .btn-primary {
    background-color: #001242 !important;
    border-color: #001242 !important;
}

.login_admin .login-admin-card .btn-primary:hover {
    background-color: #001a5c !important;
    border-color: #001a5c !important;
}


.navbar-brand.logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-right {
    padding-top: 0px;
}

.navbar-nav {
    padding-top: 24px;
}

.navbar-nav li {
    padding: 12px 0px;
}

.customers-nav-item-login {
    padding-top: 24px !important;
    width: 100% !important;
}

/* ===== Navegação portal do cliente – logo maior ===== */
.navbar.header .logo-navigation {
    max-height: 72px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

@media (min-width: 768px) {
    .navbar.header .logo-navigation {
        max-height: 88px !important;
    }
}