/* Marca GV: complemento isolado para não misturar identidade visual e regras de negócio. */
:root {
  --teal: #4d3b85;
  --teal-dark: #37266b;
  --teal-soft: #efecfa;
  --navy: #292052;
}

.brand-panel {
  background: radial-gradient(circle at 18% 9%, #645098 0, #3d2c72 47%, #292052 100%);
}

.brand-mark {
  width: 230px;
  height: auto;
  padding: 0;
  margin-bottom: 28px;
  border-radius: 0;
  background: transparent;
  display: block;
}

.brand-mark img {
  width: 100%;
  height: auto;
  display: block;
  /* Converte o arquivo oficial roxo/em fundo branco em marca branca sem redesenhar a tipografia. */
  filter: grayscale(1) invert(1) contrast(4);
  mix-blend-mode: screen;
}

.brand-panel .eyebrow {
  margin-top: 0;
}

.brand-panel .eyebrow,
.trust span { color: #d8ceff; }

.welcome {
  background: linear-gradient(115deg, #35286a, #5a448f);
}

.welcome .eyebrow { color: #ddd5ff; }
.welcome .primary { background: #fff; color: #44337b; }
.logo span { background: #d9d0ff; color: #35286a; }
.avatar { background: #5b4693; color: #fff; }

.local-launch {
  display: grid;
  gap: 6px;
  margin: 18px 0 -10px;
  padding: 12px;
  border: 1px solid #cfc4f6;
  border-radius: 9px;
  background: #f5f1ff;
  color: #483579;
  font-size: 12px;
}

.local-launch code { font-weight: 750; }

.integration-status {
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #d7d0ef;
  border-radius: 10px;
  background: #f7f5ff;
  color: #47377b;
}

.integration-status strong { display: block; margin-bottom: 3px; }
.integration-status span { font-size: 12px; color: #615583; }