/* ── Estilo BASE compartido de TODAS las tablas de SIMA ─────────────────────────────
   Todo por TEMA ACTIVO (var(--...)). Aplica: header sticky, zebra sutil, separadores,
   hover, celdas en una sola línea (nowrap) y encabezados ordenables. La tabla va dentro
   de un contenedor .sima-tbl-wrap que SCROLLEA horizontal cuando no cabe (no colapsa).   */

.sima-tbl-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

.sima-tbl { width: 100%; min-width: 100%; border-collapse: collapse; white-space: nowrap; font-size: .82rem; }

.sima-tbl thead th {
    text-align: left; padding: 8px 11px; border-bottom: 1px solid var(--glass-border);
    color: var(--text-muted); font-weight: 700; font-size: .72rem; text-transform: uppercase;
    letter-spacing: .4px; white-space: nowrap;
    position: sticky; top: 0; z-index: 1; background: var(--win-pop, rgba(20, 20, 30, .97));
}
.sima-tbl thead th.sortable { cursor: pointer; user-select: none; }
.sima-tbl thead th.sortable:hover { color: var(--text-main); }
.sima-tbl thead th .srt { opacity: .3; margin-left: 3px; }
.sima-tbl thead th.sorted .srt { opacity: 1; color: var(--accent); }

.sima-tbl tbody td { padding: 8px 11px; vertical-align: top; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 7%, transparent); }
.sima-tbl tbody tr.zebra td { background: color-mix(in srgb, var(--text-main) 3.5%, transparent); }
.sima-tbl tbody tr:hover td { background: color-mix(in srgb, var(--accent) 12%, transparent); }
.sima-tbl tbody tr.tbl-daysep td { border-bottom: 1px solid var(--glass-border); padding: 9px 8px 4px; font-weight: 700; color: var(--accent); }