/* Esconde elementos Vue.js até que estejam prontos para evitar "piscar" */
[v-cloak] {
    display: none;
}

/* Estilos para o Novo Layout de Autenticação 
*/

/* Coluna da Esquerda: Branding, Features e Planos */
.auth-branding-col {
    background-color: var(--tblr-bg-surface-secondary); /* Usa uma cor de fundo sutil do Tabler */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
}

/* Coluna da Direita: Formulário */
.auth-form-col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.0rem;
}

.toast-container {
    z-index: 1100 !important; /* Garante que o toast fique acima dos modais */
}