/* ACTO Hub — ajustes pontuais solicitados
   1) ícones dos cards centralizados
   2) link "Abrir" com aspecto de botão
   3) bloco do login centralizado
   Nenhum outro comportamento/layout foi alterado. */

/* Centraliza apenas o bloco principal do login na página. */
body.login-active .login-wrap {
  margin-left: auto;
  margin-right: auto;
}

/* Centraliza apenas o ícone dentro de cada card. */
.app-card .card-icon {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

/* Transforma o link visual "Abrir" em botão, sem alterar o href do card. */
.app-card .card-arrow {
  width: 100%;
  min-height: 44px;
  margin-top: auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 12px;
  /* Tinta clara do acento do card sobre branco. Era `color-mix(in srgb,
     var(--card-accent) 10%, #ffffff)`, que o Chrome resolve no estilo
     computado como `color(srgb ...)` — e o html2canvas não sabe ler essa
     função, quebrando o print do "Reportar Problema" com "Attempting to
     parse an unsupported color function color". As duas camadas abaixo dão
     exatamente o mesmo resultado (branco a 90% sobre o acento = 10% de
     acento) usando só rgba, que o html2canvas entende. */
  background-color: #ffffff;
  background-image:
    linear-gradient(rgba(255, 255, 255, .90), rgba(255, 255, 255, .90)),
    linear-gradient(var(--card-accent), var(--card-accent));
  color: var(--card-accent);
  font-weight: 700;
  text-align: center;
  transition: background .15s ease, transform .15s ease;
}

.app-card:hover .card-arrow {
  /* Mesma composição do estado normal, com o acento um pouco mais forte
     (16%). Ver o comentário acima sobre color-mix e o html2canvas. */
  background-image:
    linear-gradient(rgba(255, 255, 255, .84), rgba(255, 255, 255, .84)),
    linear-gradient(var(--card-accent), var(--card-accent));
}

/* Mantém a seta centralizada ao lado do texto. */
.app-card .card-arrow::after {
  position: static;
  display: inline-block;
}