/* Container centralizado da tela de login */
.login-container {
    width: 100%;
    max-width: 400px;
    padding: 1.2rem;
    margin: auto;
}

/* Formulário minimalista */
.form-login {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Campos de entrada exclusivos da tela de login */
.input-login {
    background-color: var(--cor-dark);
    color: var(--cor-texto);
    font-size: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px solid #444;
    width: 100%;
    transition: border 0.3s ease;
    box-sizing: border-box;
}

.input-login::placeholder {
    color: #bbb;
}

.input-login:focus {
    outline: none;
    border-color: var(--cor-primaria);
}

/* Campo de senha com padding extra para o ícone */
.senha-input {
    padding-right: 2.75rem !important;
}

/* Logo centralizada */
.logo-login {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 140px;
    max-width: 80%;
}

/* Espaçamento entre campos */
.form-login .form-group,
.form-login .mb-3,
.form-login .mb-4 {
    margin-bottom: 1rem;
}

/* Responsivo exclusivo da tela de login */
@media (max-width: 576px) {
    .login-container {
        padding: 0.75rem;
    }

    .input-login {
        font-size: 0.95rem;
        padding: 0.65rem 0.85rem;
    }

    .logo-login {
        width: 100px;
    }
}