/* Configuração do Fundo da Página */
.login-body {
    background-color:  #111827; /* Preto profundo */
    background-image: radial-gradient(circle at center, #1a1a1a 0%, #0f0f0f 100%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Estilização do Card */
.login-card {
    background-color:  #111827; /* Cinza escuro */
    border: 1px solid #262626;
    border-radius: 12px;
}

/* Ícone da Tesoura */
.login-logo i {
    filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.4));
}

/* Customização dos Grupos de Input */
.login-input-icon {
    background-color: #222222 !important;
    border: 1px solid #333333 !important;
    color: #737373 !important;
    border-radius: 6px 0 0 6px !important;
}

.custom-login-input {
    background-color: #1f1f1f !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 0.65rem 0.75rem;
}

.custom-login-input::placeholder {
    color: #525252;
}

/* Foco nos Inputs */
.custom-login-input:focus {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.15) !important;
    outline: none;
}

/* Ajuste do foco também no ícone ao lado */
.input-group:focus-within .login-input-icon {
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}

/* Customização do Checkbox */
.custom-checkbox {
    background-color: #1f1f1f;
    border-color: #333333;
}

.custom-checkbox:checked {
    background-color: #ffc107;
    border-color: #ffc107;
}

.custom-checkbox:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.2);
}

/* Efeito Hover no Botão de Login */
.btn-login {
    border-radius: 6px;
    transition: all 0.2s ease;
}

.btn-login:hover {
    background-color: #ffca2c !important;
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
    transform: translateY(-1px);
}