/* =====================================================================
   COMPONENTE · TABLAS
   Las tablas de resultados (.view-table) solo se muestran desde 900px;
   en celular se reemplazan por la lista desplegable (result-list.css).
   Las tablas del pozo se ven siempre, con scroll horizontal si no caben.
   ===================================================================== */

.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.view-table{display:none}

table{width:100%;border-collapse:collapse}
th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:13px;color:var(--muted);font-weight:600;background:var(--panel);position:sticky;top:0;user-select:none}
th.sortable{cursor:pointer}
th.sortable:hover{color:var(--ink)}
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
th .arr{opacity:.35;margin-left:4px;font-size:11px}
th.sorted .arr{opacity:1;color:var(--ember)}
tbody tr:hover td{background:var(--row)}
tbody tr:last-child td{border-bottom:0}
td.wrap-cell{white-space:normal;min-width:160px}

.name{font-weight:600}
.name a{text-decoration:none;border-bottom:1px dashed var(--line)}
.name a:hover{border-color:var(--ember)}
.sum td{background:var(--pine-soft)!important;font-weight:700}

/* Zonas del ranking */
tr.z-top td:first-child{box-shadow:inset 4px 0 0 var(--pine)}
tr.z-anti td:first-child{box-shadow:inset 4px 0 0 var(--leaf)}
tr.cut td{padding:6px 12px;font-size:12px;font-weight:600;background:var(--bg)!important;color:var(--muted)}
tr.cut.top td{color:var(--zone-top-ink)}
tr.cut.anti td{color:var(--leaf)}

@media (min-width:900px){
  .view-table{display:block}
  th,td{padding:10px 12px}
}