/* =========================
           TABLE
========================= */

.ui-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .85rem;
}

.ui-table th,
.ui-table td {
  padding: 2px 2px;
  border-bottom: 1px solid var(--border-light);
  border-right: 1px solid var(--border-light);
  border-left: 1px solid var(--border-light);
  border-top: 1px solid var(--border-light);
}

.ui-table th {
  text-align: left;
  font-weight: 600;
  color: var(--ink-light);
  background: var(--bg-light);
}
/* =========================
   TABLE — READABILITY
========================= */

.ui-table tbody tr:nth-child(even) td {
  background-color: var(--bg-subtle, #f7f9fc);
}

.ui-table tbody tr:hover td {
  background-color: var(--bg-hover, #eef3ff);
}