/* ── Interactive Tables ── */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  border-radius: 10px;
  border: 1px solid rgba(34,142,231,.2);
}
.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: #111827;
  margin: 0;
}
.table-wrap table thead tr {
  background: linear-gradient(90deg, #1a2a4a, #162040);
}
.table-wrap table th {
  padding: 12px 16px;
  text-align: left;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  user-select: none;
  border-bottom: 2px solid rgba(34,142,231,.4);
  position: relative;
}
.table-wrap table th[data-sortable] {
  cursor: pointer;
  padding-right: 28px;
}
.table-wrap table th[data-sortable]::after {
  content: '⇅';
  position: absolute;
  right: 8px;
  opacity: .4;
  font-size: 12px;
  transition: opacity .2s;
}
.table-wrap table th[data-sortable]:hover::after,
.table-wrap table th[data-sort="asc"]::after,
.table-wrap table th[data-sort="desc"]::after { opacity: 1; }
.table-wrap table th[data-sort="asc"]::after  { content: '↑'; color: #228ee7; }
.table-wrap table th[data-sort="desc"]::after { content: '↓'; color: #228ee7; }
.table-wrap table td {
  padding: 10px 16px;
  color: #cdd6f4;
  border-bottom: 1px solid rgba(255,255,255,.06);
  vertical-align: top;
}
.table-wrap table tbody tr:hover td {
  background: rgba(34,142,231,.08);
}
.table-wrap table tbody tr:last-child td { border-bottom: none; }
.table-wrap table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.02);
}
.table-wrap table tbody tr:nth-child(even):hover td {
  background: rgba(34,142,231,.08);
}
/* First-column label style */
.table-wrap table td:first-child strong,
.table-wrap table td:first-child b {
  color: #fff;
}
/* iksweb compat */
table.iksweb { border: none !important; }

@media (max-width: 480px) {
  .table-wrap table th,
  .table-wrap table td { padding: 8px 10px; font-size: 13px; }
}