/* Pestaña «Toma de Estado» — auditoría de la lectura de medidores (sql/toma-estado.sql).
   Todo lo demás (tabla, .tscroll, .corta/.media, sortbl, tr.vacio, warn-row para el salto grande de
   min_anterior, selrow para la fila abierta) ya lo resuelve 07-tablas.css: acá va sólo lo que ese
   archivo no tenía, la columna de mes elegida. */

/* La columna del mes elegido (tabla de rutas): fondo + negrita, para que "cuál mes estoy mirando" se
   vea sin tener que leer el encabezado. thead y tbody por separado porque el fondo de la cabecera ya
   lo pone 07-tablas.css (#f7f9fc) y acá hay que ganarle. */
td.toma-mes-on{background:var(--accent-bg);font-weight:700}
thead th.toma-mes-on{background:var(--accent-bg);color:var(--brand-ink)}

/* Las celdas de mes son clicables — «tocar UNA elige el mes» (pedido de Matías), no sólo el
   encabezado de la columna. El cursor y el hover son la única pista de que se puede tocar. */
td.toma-mes-clic{cursor:pointer}
.tscroll tbody tr td.toma-mes-clic:hover{background:var(--brand-bg)}

/* Fila de ruta clicable (tabla del mes elegido, abre el detalle de lecturas). */
tr.toma-fila-clic{cursor:pointer}

/* La variación mes a mes (pedido #1 de Matías) va DENTRO de la misma celda que el tiempo. Hasta 12
   columnas ya son angostas: nowrap evita que "7h33 ▲ 12%" parta en dos líneas y ensanche la fila, y
   el .pct se achica un poco más (ya es chico por 07-tablas.css) para que el tiempo siga leyéndose
   como el número dominante y la variación como un dato secundario al lado. */
td.toma-mes-clic{white-space:nowrap}
td.toma-mes-clic .pct{font-size:10px;margin-left:3px}