#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=30/6af396371fd30.png");}/* 1. Posiciona o container de login à direita da tela */
body.login-page #mainlogin {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-right: 8% !important;
}

/* 2. Força o card de login a ficar transparente, sem borda e sem sombra */
body.login-page #mainlogin .card,
body.login-page #mainlogin .card-login,
body.login-page #mainlogin .login-box {
    max-width: 340px !important;
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. Força todos os elementos internos (incluindo o card-body) a ficarem transparentes */
body.login-page #mainlogin .card * {
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Garante que os campos de texto preenchidos ou vazios mantenham boa leitura */
body.login-page #mainlogin input.form-control {
    background: rgba(255, 255, 255, 0.15) !important; /* Fundo levemente translúcido nos inputs */
    color: #ffffff !important; /* Texto branco (ajuste se seu fundo for claro) */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

body.login-page #mainlogin input.form-control::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}