/* Marca Let's Growth — substitui a identidade visual do Vikunja.
 *
 * As imagens abaixo sao assets compilados no binario (llama-*.jpg/svg,
 * no-auth-image-*.jpg). Nao da para remove-las do bundle; sao cobertas por CSS.
 * O nome do arquivo tem hash e muda a cada versao, por isso os seletores usam
 * a CLASSE do elemento e nao a URL da imagem.
 */

:root {
  --lg-verde: #1f9d55;
  --lg-escuro: #0b1f16;
}

/* Coluna ilustrada da tela de login (foto das vicunhas). */
.no-auth-wrapper .image,
section.image {
  background-image:
    linear-gradient(160deg, var(--lg-escuro) 0%, #10321f 55%, var(--lg-verde) 100%) !important;
  background-size: cover !important;
  position: relative;
}

/* Marca d'agua discreta sobre o gradiente. */
.no-auth-wrapper .image::after,
section.image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/brand/logo.svg") no-repeat center center;
  background-size: min(38%, 220px);
  opacity: 0.16;
  pointer-events: none;
}

/* Fundo do container de autenticacao. */
.no-auth-wrapper {
  background-image:
    linear-gradient(140deg, var(--lg-escuro) 0%, #123a24 100%) !important;
}

/* Tela de "sem conexao". */
.offline {
  background-image:
    linear-gradient(140deg, var(--lg-escuro) 0%, #123a24 100%) !important;
}

/* A logo pode falhar ao carregar; sem isso o alt vira um texto quebrado grande. */
img.logo {
  max-height: 3rem;
  width: auto;
  object-fit: contain;
}