/* Orden por cabecera — Holzpro (acompaña a ordenar-tablas.js) */
th.ts-th { cursor: pointer; user-select: none; -webkit-user-select: none; white-space: nowrap; }
th.ts-th:hover { background-color: rgba(29, 27, 25, .05); }
th.ts-th:focus-visible { outline: 2px solid #1D1B19; outline-offset: -2px; }
th.ts-th .ts-ico { margin-left: 6px; font-size: .78em; opacity: .28; transition: opacity .15s; }
th.ts-th:hover .ts-ico { opacity: .6; }
th.ts-th.ts-activa .ts-ico { opacity: 1; }
th.ts-th.ts-activa { color: #1D1B19; }

/* Barra para celular cuando la tabla se ve como tarjetas (cabecera oculta) */
.ts-bar { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 13px; }
.ts-bar[hidden] { display: none !important; }
.ts-bar-l { color: #6B6762; white-space: nowrap; margin: 0; }
.ts-bar-l i { margin-right: 4px; }
.ts-bar-s { flex: 1 1 auto; min-width: 0; min-height: 40px; padding: 6px 10px; border: 1px solid #d6d3cf; border-radius: 8px; background: #fff; font: inherit; color: #1D1B19; }
.ts-bar-b { flex: 0 0 auto; width: 44px; height: 40px; border: 1px solid #d6d3cf; border-radius: 8px; background: #fff; color: #1D1B19; }
.ts-bar-b:disabled { opacity: .4; }

@media print { th.ts-th .ts-ico, .ts-bar { display: none !important; } }