body {
  background: #f3f4f6;
}

.nav-link {
  border-radius: 9999px;
  padding: 0.6rem 1rem;
  font-size: 0.92rem;
  color: #334155;
  transition: all 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
  background: #0f172a;
  color: white;
}

.card {
  border: 1px solid #e2e8f0;
  background: white;
  border-radius: 1.25rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.badge-contado {
  background: #fecaca;
  color: #991b1b;
}

.badge-csi {
  background: #fed7aa;
  color: #9a3412;
}

.badge-cci {
  background: #e9d5ff;
  color: #6b21a8;
}

.status-active {
  color: #b91c1c;
}

.status-resolved {
  color: #166534;
}

.table-shell {
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
}

table thead {
  background: #f8fafc;
}

table th,
table td {
  border-bottom: 1px solid #e2e8f0;
  padding: 0.85rem 1rem;
  text-align: left;
  font-size: 0.9rem;
  vertical-align: top;
}

tbody tr.unread {
  font-weight: 700;
  background: #fff7ed;
}

.thumb {
  height: 3rem;
  width: 3rem;
  border-radius: 0.75rem;
  object-fit: cover;
  background: #e2e8f0;
}