/* Make tables look consistent and professional */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

/* Header styling similar to Claro */
table thead th {
  background-color: #f2f2f2;
  font-weight: 600;
  border-bottom: 2px solid #ccc;
  padding: 0.75rem;
  text-align: left;
}

/* Body cells */
table td {
  padding: 0.75rem;
  border-bottom: 1px solid #ddd;
  vertical-align: middle; /* FIXES YOUR IMAGE ALIGNMENT ISSUE */
}

/* Make borders crisp */
table th,
table td {
  border-right: 1px solid #ddd;
}

table th:last-child,
table td:last-child {
  border-right: none;
}

/* Normalize column widths */
table td,
table th {
  white-space: nowrap;
}

/* Optional: zebra striping */
table tbody tr:nth-child(even) {
  background-color: #fafafa;
}