/* ==========================================================================
   A6 · Conta
   Cinco abas: endereços, encaminhamento, acesso, mensagens, atividade.
   ========================================================================== */

.a6__cabeca { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 16rem 24rem; }
.a6__titulo {
  font-family: var(--font-mono);
  font-weight: 800;
  font-size: 21rem;
  letter-spacing: -.03em;
  margin-bottom: 10rem;
  overflow-wrap: anywhere;
}
.a6__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10rem; }
.a6__acoes { display: flex; gap: 8rem; flex: none; flex-wrap: wrap; }

.a6__abas { display: flex; gap: 22rem; margin-top: 20rem; border-bottom: 1rem solid var(--line); overflow-x: auto; }
.a6__aba {
  padding: 10rem 0;
  border-bottom: 2rem solid transparent;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 11rem;
  letter-spacing: .1em;
  color: var(--ink-3);
  white-space: nowrap;
}
.a6__aba:hover { color: var(--ink); }
.a6__aba[aria-current='page'] { border-bottom-color: var(--invert-bg); color: var(--ink); }

.a6__enderecos,
.a6__enderecos-cabeca { grid-template-columns: minmax(0, 1fr) 120rem 200rem 110rem; }
.a6__destinos,
.a6__destinos-cabeca { grid-template-columns: minmax(0, 1fr) 240rem 200rem 150rem; }
.a6-rolagem-enderecos { min-width: 620rem; }
.a6-rolagem-destinos { min-width: 780rem; }
.mobile .a6-rolagem-enderecos,
.mobile .a6-rolagem-destinos { min-width: 0; }
.mobile .a6__enderecos,
.mobile .a6__enderecos-cabeca { grid-template-columns: minmax(0, 1fr) 90rem; }
.mobile .a6__destinos,
.mobile .a6__destinos-cabeca { grid-template-columns: minmax(0, 1fr) 130rem; }

.a6__smtp { display: flex; flex-direction: column; gap: 1rem; background: var(--line); border: 1rem solid var(--line); }
.a6__smtp-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 12rem; background: var(--bg); padding: 10rem 12rem; }
.a6__smtp-linha .rotulo { width: 88rem; flex: none; letter-spacing: .1em; font-size: 10rem; }
.a6__smtp-linha .dado { flex: 1; min-width: 0; }

.a6__atividade { grid-template-columns: 132rem minmax(0, 1fr) 180rem; }
.mobile .a6__atividade { grid-template-columns: minmax(0, 1fr); gap: 8rem; }
.a6__atividade-linha { display: grid; gap: 16rem; padding: 12rem 18rem; align-items: start; border-bottom: 1rem solid var(--line-3); }
.a6__atividade-linha:last-child { border-bottom: 0; }