/* Complemento de cadastros.css para "Chamar de volta". */

.janela-aviso { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--apagado); }
.janela-aviso select { padding: 5px 8px; font-size: 13px; }

.chamada {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 14px; align-items: center;
  padding: 14px 16px; margin-bottom: 10px;
  background: var(--painel); border: 1px solid var(--borda); border-left: 4px solid var(--acento);
  border-radius: var(--raio); box-shadow: var(--sombra);
}
.chamada.atrasado { border-left-color: var(--avaria); }
.chamada.em-breve { border-left-color: #d97706; }
.chamada .quem b { font-size: 15px; }
.chamada .servico { font-weight: 700; }
.prazo { display: inline-block; margin-top: 4px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 800; }
.prazo.atrasado { background: var(--avaria-fraco); color: #7f1d1d; }
.prazo.em-breve { background: var(--atencao-fraco); color: #78350f; }
.contato-anterior { display: block; margin-top: 4px; font-size: 12px; color: var(--tenue); }
.acoes-chamada { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.acoes-chamada button, .acoes-chamada a { padding: 7px 11px; font-size: 13px; }
a.whats-grande {
  display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-weight: 700;
  border-radius: 9px; background: #16a34a; color: #fff; border: 1px solid #16a34a;
}
a.whats-grande:hover { background: #15803d; }
.lembrar { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 10px; border-top: 1px dashed var(--borda); }
.lembrar input { padding: 6px 9px; }

@media (max-width: 900px) {
  .chamada { grid-template-columns: 1fr; }
  .acoes-chamada { justify-content: flex-start; }
  .janela-aviso { width: 100%; }
}