.logo-login {
    background-image: linear-gradient(135deg,
            rgba(var(--primary-color-login), 0.7),
            rgba(var(--primary-color-login), 0.3)),
        var(--logo-login-url);
    background-size: cover;
    background-position: var(--logo-login-posicao);
    background-repeat: no-repeat;
}

#btnLogin {
    background: linear-gradient(to bottom,
            rgba(var(--primary-color-login), 0.52),
            rgba(var(--primary-color-login), 0.658))
}

.logo-assina {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../img/logo-ct-dark.png');
    width: 150px;
    height: 150px;
}
/* ── Fundo "suave" das telas reformuladas (painel, usuários) ──
   Ligado por body.page-soft no desktop: fundo cinza claro e a faixa do topo com o degradê
   do cabeçalho mobile (cor da empresa escurecendo na diagonal), dissolvendo no cinza embaixo. */
@media (min-width: 768px) {
  body.page-soft { background: #f5f6fa !important; }
  body.page-soft .min-height-300.primary-bg-color-gradient {
    background:
      linear-gradient(180deg, transparent 0%, transparent 42%, color-mix(in srgb, #f5f6fa 55%, transparent) 70%, #f5f6fa 100%),
      linear-gradient(135deg, var(--primary_color, #5e72e4), color-mix(in srgb, var(--primary_color, #5e72e4), #000 35%)) !important;
    min-height: 420px !important;
  }
}