/* ============================================================
   tables.css — Tables, sticky headers, hover, special wrappers
   ============================================================ */

.tbl-wrap{
  overflow:auto;border:1px solid var(--border);
  border-radius:var(--radius);background:#fff;
  box-shadow:var(--shadow-sm);
}
.tbl-wrap.nh{border:none;border-radius:0;box-shadow:none;}

table{width:100%;border-collapse:collapse;font-size:12px;}
thead{position:sticky;top:0;z-index:5;}
th{
  background:linear-gradient(180deg,var(--bg2) 0%,var(--bg3) 100%);
  padding:11px 12px;text-align:center;
  font-size:9px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink2);border-bottom:1px solid var(--border-strong);
  white-space:nowrap;font-family:var(--mono);font-weight:600;
}
td{
  padding:10px 12px;border-bottom:1px solid var(--border);
  white-space:nowrap;font-family:var(--mono);font-size:12px;text-align:center;
  transition:background .15s;
}
tr:last-child td{border-bottom:none;}
tbody tr:hover td{background:rgba(247,244,239,.8);}
td.r{text-align:center;}
th.r{text-align:center;}