/* ==========================================================================
   ⚡ VERSÃO PREMIUM NIGHT BALANCED - INTEGRADA E CORRIGIDA
   ========================================================================== */

body { 
    background-color: #2f313d; /* 🌟 UNIFICADO: Mesmo tom de cinza iluminado do restante do portal */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
    color: #ffffff; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    min-height: 100vh; 
    margin: 0; 
    padding: 16px; 
}

.register-card { 
    background-color: #1a1b22; /* 🌟 UNIFICADO: Fundo grafite luxo idêntico ao formulário de ajuda */
    border: 1px solid #3d3d4f; /* Borda sutil e elegante para emoldurar o cartão */
    border-radius: 16px; 
    width: 100%; 
    max-width: 420px; 
    padding: 40px 24px; 
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6); 
    box-sizing: border-box;
}

.register-header { 
    text-align: center; 
    margin-bottom: 32px; 
}

.register-header h2 { 
    font-size: 26px; 
    font-weight: 700; 
    color: #ffffff; 
    margin-bottom: 8px; 
    letter-spacing: -0.5px;
}

.register-header p { 
    color: #cbd5e1; 
    font-size: 15px; 
    margin: 0; 
}

.login-icon-box {
    margin-bottom: 16px;
    text-align: center;
    color: #e4c379; /* Ícone acompanhando o dourado premium */
}

.form-group { 
    margin-bottom: 24px; 
}

.form-group label { 
    display: block; 
    font-size: 14px; 
    font-weight: 600; 
    color: #ffffff; /* 🌟 CLAREADO: Mudado para Branco Puro para leitura imediata */
    margin-bottom: 10px; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-input-group {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.position-relative {
    position: relative;
}

/* ==========================================================================
   🎯 ENGENHARIA DOS INPUTS E ESPAÇAMENTOS
   ========================================================================== */

.custom-group-text {
    display: flex;
    align-items: center;
    padding: 0 18px; 
    color: #ffffff; /* 🌟 CLAREADO: Os ícones dos campos agora ficam totalmente brancos */
    background-color: #2c2c38; 
    border: 1px solid #4a4a5e;  
    border-right: none;
    border-radius: 8px 0 0 8px; 
}

.form-control-custom { 
    flex: 1;
    width: 100%; 
    background-color: #2c2c38; 
    border: 1px solid #4a4a5e; 
    border-radius: 0 8px 8px 0; 
    padding: 16px 18px; 
    color: #ffffff; /* 🌟 GARANTIDO: Texto digitado em branco puro */
    font-size: 16px; 
    box-sizing: border-box; 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control-custom::placeholder {
    color: #b2b7d4; /* 🌟 CLAREADO: O texto de exemplo (placeholder) agora fica bem visível */
}

.form-control-custom:-webkit-autofill {
    transition: background-color 600000s ease-in-out 0s, color 600000s ease-in-out 0s;
}

.form-control-custom:focus { 
    outline: none; 
    border-color: #e4c379; 
    background-color: #343442;
    box-shadow: 0 0 0 3px rgba(228, 195, 121, 0.2); 
}

.custom-input-group:focus-within .custom-group-text {
    border-color: #e4c379;
    color: #e4c379;
}

.btn-toggle-password {
    position: absolute;
    right: 16px; 
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 8px;
    color: #b2b7d4; /* 🌟 CLAREADO: Ícone de olho mais visível */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
    z-index: 5;
}

.btn-toggle-password:hover {
    color: #ffffff; 
}

.form-control-custom#input-senha {
    padding-right: 52px; 
}

.d-none {
    display: none;
}

/* ==========================================================================
   BOTÕES DE AÇÃO E RODAPÉ ALINHADO
   ========================================================================== */

.btn-register-submit { 
    width: 100%; 
    background: linear-gradient(135deg, #e4c379 0%, #b89753 100%); /* 🌟 UNIFICADO: Degradê dourado de alto luxo */
    color: #000000; /* Texto em preto para contraste perfeito sobre o dourado */
    border: none; 
    padding: 18px; 
    font-size: 16px; 
    font-weight: 700; 
    border-radius: 8px; 
    cursor: pointer; 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
    margin-top: 12px; 
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease;
    box-shadow: 0 4px 15px rgba(228, 195, 121, 0.2);
}

.btn-register-submit:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(228, 195, 121, 0.3);
}

.btn-register-submit:active:not(:disabled) {
    transform: scale(0.98);
}

/* ==========================================================================
   🟢 CONTROLE EXCLUSIVO DO LINK DE SUPORTE WHATSAPP
   ========================================================================== */

.suporte-container {
    text-align: center; 
    margin-top: 16px;
}

.link-suporte-whats {
    color: #a0a0b0; /* 🌟 ALTERADO: Remove o verde conflitante por um cinza discreto e limpo */
    text-decoration: none; 
    font-size: 14.5px; 
    font-weight: 600; 
    transition: color 0.2s ease-in-out;
}

/* Efeito ao passar o mouse: Transiciona suavemente para o dourado premium */
.link-suporte-whats:hover {
    color: #e4c379;
}

.login-divider {
    border-top: 1px solid #3d3d4f;
    margin-top: 32px; 
    padding-top: 24px; 
}

.register-footer { 
    text-align: center;
    font-size: 15px; 
    color: #94a3b8; 
    margin: 0;
    white-space: nowrap; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; 
    gap: 4px;
}

.register-footer a { 
    color: #e4c379; /* Substituído pelo tom dourado padrão */
    text-decoration: none; 
    font-weight: 700; 
    transition: all 0.15s ease;
}

.register-footer a:hover {
    color: #ffffff;
}

/* ==========================================================================
   🎯 BALÃO DE ALERTA PREMIUM ESTILO VIDRO FUMÊ
   ========================================================================== */

.alert-danger-custom {
    position: fixed;
    top: 12px; 
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(228, 195, 121, 0.95); /* Adaptado para harmonizar com a paleta dourada */
    backdrop-filter: blur(8px);
    border: none;
    color: #000000;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px; 
    font-weight: 600; 
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 15px 35px rgba(228, 195, 121, 0.25), 0 5px 15px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    width: calc(100% - 32px);
    max-width: 390px;
    box-sizing: border-box;
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.alert-danger-custom svg {
    color: #000000;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.alert-danger-custom.fade-out {
    opacity: 0;
    top: -70px;
}

/* ==========================================================================
   ⚙️ VERSÃO COMPACTA ULTRA SLIM (EXCLUSIVA PARA TELA DE EDIÇÃO DO ADMIN)
   ========================================================================== */

.admin-compact-card {
    max-width: 390px;
    padding: 24px 20px;
}

.admin-compact-card .register-header {
    margin-bottom: 18px;
}
.admin-compact-card .login-icon-box {
    margin-bottom: 8px;
}
.admin-compact-card .login-icon-box svg {
    width: 28px;
    height: 28px;
}
.admin-compact-card h2 {
    font-size: 21px;
}

.admin-compact-card .form-group {
    margin-bottom: 14px;
}
.admin-compact-card .form-group label {
    margin-bottom: 6px;
    font-size: 13px;
}

.admin-compact-card .form-control-custom {
    padding: 10px 14px;
    font-size: 14.5px;
}
.admin-compact-card .custom-group-text {
    padding: 0 14px;
}

.admin-compact-card .btn-toggle-password {
    right: 12px;
}
.admin-compact-card .form-control-custom#input-senha {
    padding-right: 42px;
}

.admin-compact-card .btn-register-submit {
    padding: 12px;
    font-size: 14.5px;
    margin-top: 8px;
}

.admin-compact-card .login-divider {
    margin-top: 18px;
    padding-top: 12px;
}