/* Componentes próprios das telas do painel. */
.kpis {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  margin-bottom: 16px;

  border: 1px solid var(--linha);

  border-radius: var(--raio);

}
.kpi {
  min-height: 80px;

  padding: 16px;

  border-left: 1px solid var(--linha);

}
.kpi:first-child {
  border-left: 0;

}
.conversa {
  display: grid;

  gap: 12px;

}
.mensagem {
  padding: 12px;

  border-left: 3px solid var(--amarelo);

  background: #191919;

}
@media (max-width: 767px) {
  .kpis {
    grid-template-columns: 1fr;

  } .kpi {
    border-top: 1px solid var(--linha);

    border-left: 0;

  } .kpi:first-child {
    border-top: 0;

  }
}