/* Estilos específicos para o formulário de login */
#login-form {
    margin-top: 20px;
}

/* Sobrescreve o estilo laranja do global.css APENAS para os inputs do login */
#login-form input {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #ccc;
}

/* Estilo para o texto de placeholder dos campos de login */
#login-form ::placeholder {
    color: #999;
    /* O text-transform: uppercase já é herdado do global.css */
}

/* Estilo para a mensagem de erro que aparece abaixo do formulário */
.error-message {
    color: #d9534f; /* Um tom de vermelho para erros */
    font-weight: 700;
    height: 20px; /* Reserva o espaço para a mensagem não "pular" o layout */
    margin-top: 10px;
    font-size: 0.9em;
}