/* ============================================================
   tables.css — Tablas de datos con filtros.
   ============================================================ */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
th{background:var(--surface-2);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft);position:sticky;top:0}
tbody tr:hover{background:var(--surface-2)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}
.toolbar input,.toolbar select{width:auto;min-width:160px}
.toolbar .spacer{flex:1}
.empty{padding:40px;text-align:center;color:var(--text-soft)}
.var-up{color:var(--bad);font-weight:600}.var-down{color:var(--ok);font-weight:600}