/* ATENA — Início (hero, KPIs, agenda). Componentes do kit; aqui só a arrumação. */
.tela-inicio .at-grid--kpi + .inicio-linha, .inicio-linha { margin-top: var(--space-4); }
.inicio-linha > .at-card { min-width: 0; }

/* lista compacta (agenda de contatos, próximas aulas): nome, apoio, badge, Abrir */
.agenda { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.agenda__item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-2); border-bottom: 1px solid var(--line); border-radius: var(--radius-sm); transition: background-color var(--duration-fast) var(--ease-standard); }
.agenda__item:last-child { border-bottom: 0; }
.agenda__item:hover { background: var(--brand-soft-hover); }
.agenda__nome { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--ink); }

/* treinamento obrigatório pendente: card com o progresso e a próxima lição */
.inicio-treino { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-4); animation: at-rise var(--duration-slow) var(--ease-out) both; }
.inicio-treino .overline { text-transform: uppercase; }
.inicio-treino__barra { display: grid; grid-template-columns: minmax(0, 320px) auto; align-items: center; gap: var(--space-3); margin-top: var(--space-2); }
@media (max-width: 720px) { .inicio-treino { flex-wrap: wrap; } .inicio-treino .at-btn { width: 100%; } }

/* telas estreitas (abaixo do que o kit define): coruja a 72px, o mínimo do manual, por cima do texto */
@media (max-width: 720px) {
  .at-hero { grid-template-columns: 1fr; gap: var(--space-4); padding: var(--space-5); }
  .at-hero__emblem { --size: 72px; }
  .at-hero__actions { grid-column: auto; }
  .at-hero__greeting { font-size: 26px; line-height: 32px; }
  .at-hero__chip { white-space: nowrap; }
  .agenda__item { flex-wrap: wrap; }
  .agenda__item > .cresce { flex-basis: 100%; }
}

/* "Esperando por você": vendas com documento faltando, conferência e onboarding */
.inicio-pendencias { margin-bottom: var(--space-6); }
.inicio-pendencia__icone { flex: none; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--radius-md); background: var(--surface-sunken); color: var(--ink-secondary); }
.inicio-pendencia__icone--brand { background: var(--brand-soft); color: var(--brand-text); }
.inicio-pendencia__icone--warning { background: var(--warning-soft); color: var(--warning); }
.inicio-pendencia__icone--danger { background: var(--danger-soft); color: var(--danger); }
.inicio-pendencia__icone--info { background: var(--info-soft); color: var(--info); }