/* ticket-log.css -- Ticket Log: filtro y totales por turno (2026-11-04) */
.tl-shifts { display: inline-flex; gap: 3px; padding: 3px; border-radius: 999px; background: #eef1f5; }
.tl-shifts button { width: auto !important; margin: 0 !important; padding: 4px 12px; border: none; border-radius: 999px; background: transparent;
    font-size: 12px; font-weight: 600; color: #555; cursor: pointer; }
.tl-shifts button.active { background: #185FA5; color: #fff; }
.tl-shifts button[data-tl-shift="1"].active { background: #4d9fff; }
.tl-shifts button[data-tl-shift="2"].active { background: #1a7d3a; }
.tl-shifts button[data-tl-shift="3"].active { background: #6b3fbd; }

.tl-sb { display: inline-block; font-size: 9.5px; font-weight: 700; padding: 1px 7px; border-radius: 999px; white-space: nowrap; }
.tl-day-shifts { display: inline-flex; gap: 4px; flex-shrink: 0; }

.tl-totals { margin: -4px 0 14px; }
.tl-hours { font-size: 11px; color: #888; margin-top: 6px; }

body.dark-mode .tl-shifts { background: #252a33; }
body.dark-mode .tl-shifts button { color: #c3c6cc; }
body.dark-mode .tl-shifts button.active { color: #fff; }
body.dark-mode .tl-hours { color: #8a909c; }
/* (2026-11-04b) totales por dia y turno */
.tl-day-sh .tl-sb { font-size: 11px; padding: 2px 9px; }
.tl-day-sh.on .tl-sb { box-shadow: 0 0 0 2px currentColor; }
.tl-day-sh.dim { opacity: .55; }