/* ========================================================
   RCI FRETES - CSS ESPECÍFICO DO LOGIN E RODAPÉ
======================================================== */

/* 1. A TELA: Ocupa tudo e centraliza o que tem dentro (Sem max-width) */
body {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza verticalmente */
    align-items: center;     /* Centraliza horizontalmente */
    background-color: #2c3e50 !important; 
    padding: 15px;
    min-height: 100vh;
    width: 100%;             /* Garante que ocupe a tela toda da esquerda à direita */
    margin: 0;
}

/* 2. O CARTÃO DE LOGIN: Aqui sim nós limitamos a 380px! */
.container-login {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3);
    width: 100%;
    max-width: 380px; /* O limite fica aqui na caixinha! */
    margin-top: auto; /* Ajuda no alinhamento vertical com o rodapé */
}

/* 3. OS LOGOS */
.logo-login { 
    text-align: center; 
    font-size: 2.2rem; 
    font-weight: bold; 
    color: #FFC107; 
    margin-bottom: 2px; 
}
.sublogo-login { 
    text-align: center; 
    font-size: 0.85rem; 
    color: #7f8c8d; 
    margin-bottom: 30px; 
    text-transform: uppercase; 
}

/* 4. O RODAPÉ: Também limitamos a 380px para acompanhar a caixinha */
.login-footer {
    text-align: center;
    width: 100%;
    max-width: 380px; /* O limite fica aqui também! */
    margin-top: auto; /* Joga o footer perfeitamente pro final da tela */
    padding-top: 30px;
    padding-bottom: 100px;
}

.login-footer p { 
    margin: 6px 0; 
    font-family: sans-serif; 
}
.login-footer .copyright { 
    font-size: 0.9rem; 
    color: #94a3b8; 
}
.login-footer .frase-efeito { 
    font-size: 0.85rem; 
    color: #64748b; 
}

/* ========================================================
   TELA DE PROCESSAMENTO GLOBAL (Login)
======================================================== */
#loader, .loader, #loading, #processando, .tela-processando {
    color: white !important;
    background-color: #2c3e50 !important; 
}