/* Página inicial: chat do atendimento em destaque + informações da Powernet (usa as bases do app.css) */
.home-grid { display: grid; gap: 18px; }
.home-chat { height: min(760px, 80vh); height: min(760px, 80dvh); min-height: 460px; }
.home-info { display: grid; gap: 14px; align-content: start; }
.home-info .card { padding: 18px; }
.home-info .card h2 { font-size: 17px; margin-bottom: 10px; }

.home-horario { margin: 0; font-weight: 700; color: var(--ink); }

.home-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.home-link {
  display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: 12px; background: #fff;
  font-size: 14px; font-weight: 700; line-height: 1.2; color: var(--ink); text-decoration: none;
}
.home-link:hover { border-color: var(--blue-2); }
.home-link:focus-visible { outline: 3px solid rgba(11, 147, 232, .45); outline-offset: 1px; }
.home-link-icon { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--navy); background: var(--yellow); }
.home-link-icon svg { width: 19px; height: 19px; }

.home-lojas { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.home-lojas li { display: grid; gap: 2px; padding-bottom: 12px; border-bottom: 1px solid var(--line); font-size: 14px; }
.home-lojas li:last-child { padding-bottom: 0; border-bottom: 0; }
.home-lojas span { color: var(--muted); }
.home-lojas a { justify-self: start; color: var(--blue); font-weight: 700; font-size: 13px; }

@media (max-width: 480px) {
  .home-chat { height: min(720px, 76vh); height: min(720px, 76dvh); min-height: 420px; }
  .home-links { grid-template-columns: 1fr; }
}

/* Computador: chat na coluna larga, informações à direita; a página ocupa a tela */
@media (min-width: 1024px) {
  .home-grid { flex: 1; min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); grid-template-rows: minmax(0, 1fr); gap: 24px; }
  .home-chat { height: auto; min-height: 0; }
  .home-info { min-height: 0; overflow-y: auto; padding-right: 4px; scrollbar-gutter: stable; }
}