/* Estilos customizados (complementam o Tailwind via CDN) */

body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }

.card-client {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 1rem;
  transition: border-color 0.15s, transform 0.15s;
}
.card-client:hover { border-color: #10b981; transform: translateY(-1px); }

.card-client h3 { font-weight: 600; font-size: 1rem; color: #e2e8f0; }
.card-client .due { color: #f59e0b; font-size: 0.85rem; margin-top: 0.25rem; }
.card-client .notes { color: #94a3b8; font-size: 0.8rem; margin-top: 0.5rem; max-height: 3em; overflow: hidden; }
.card-client .phone { color: #10b981; font-size: 0.8rem; margin-top: 0.5rem; font-family: monospace; }
.card-client .phone.invalid { color: #ef4444; }

.btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #25d366;
  color: #fff;
  padding: 0.4rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  margin-top: 0.75rem;
  cursor: pointer;
  transition: background 0.15s;
  border: 0;
}
.btn-wa:hover { background: #1ebe5d; }
.btn-wa:disabled { background: #475569; cursor: not-allowed; }