/* Unified table system v1 (opt-in): apply via .mk-table and .mk-table-wrap */

.mk-table-wrap {
  border: 1px solid var(--mk-table-line, #e2e8f0);
  border-radius: 12px;
  background: #ffffff;
  overflow: auto;
}

.mk-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  min-width: var(--mk-table-min-width, 0);
  color: var(--mk-table-ink, #0f172a);
}

.mk-table thead th {
  background: var(--mk-table-head-bg, #fff0b3);
  color: var(--mk-table-head-ink, #111827);
  border-bottom: 1px solid var(--mk-table-line-strong, #cbd5e1);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 9px 8px;
}

.mk-table tbody td,
.mk-table tfoot td,
.mk-table tfoot th {
  border-bottom: 1px solid var(--mk-table-line-soft, #e2e8f0);
  font-size: 13px;
  color: var(--mk-table-cell-ink, #0f172a);
  vertical-align: middle;
  padding: 8px;
}

.mk-table tbody tr:hover td {
  background: var(--mk-table-row-hover, #fff7d6);
}

.mk-table .mk-cell-center,
.mk-table td.c,
.mk-table th.c {
  text-align: center !important;
  white-space: nowrap;
}

.mk-table .mk-cell-right,
.mk-table td.r,
.mk-table th.r {
  text-align: right !important;
  white-space: nowrap;
}

.mk-table .mk-cell-left,
.mk-table td.l,
.mk-table th.l {
  text-align: left !important;
}

.mk-table .mk-cell-mono {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mk-table--compact thead th {
  font-size: 12px;
  padding: 7px 6px;
}

.mk-table--compact tbody td,
.mk-table--compact tfoot td,
.mk-table--compact tfoot th {
  font-size: 12px;
  padding: 6px;
}

.mk-table--sticky-head thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

@media (max-width: 768px) {
  .mk-table-wrap {
    border-radius: 10px;
  }
  .mk-table thead th {
    font-size: 11px;
    padding: 7px 6px;
  }
  .mk-table tbody td,
  .mk-table tfoot td,
  .mk-table tfoot th {
    font-size: 12px;
    padding: 6px;
  }
}