.ts-tracksheet-wrap { font-family: system-ui, -apple-system, Roboto, "Segoe UI", Arial; margin-bottom: 20px; }
.ts-controls { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:10px; align-items:center; }
.ts-controls label{ font-size:14px; }
.ts-current-net { margin-left:12px; font-weight:600; }
.ts-month-boxes { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.ts-month-box { display:block; border:1px solid #ddd; padding:10px; width:160px; text-decoration:none; color:inherit; border-radius:6px; background:#fff; }
.ts-month-box .ts-month-name{ font-weight:700; }
.ts-month-box .ts-month-meta{ font-size:13px; color:#666; margin-top:6px; }
.ts-month-box .ts-month-pl{ margin-top:8px; font-weight:700; }
.ts-table-wrap{ overflow-x:auto }
.ts-table{ width:100%; border-collapse:collapse; min-width:900px }
.ts-table th, .ts-table td { border:1px solid #ddd; padding:8px; text-align:left }
.ts-table thead th { background:#f7f7f7 }
@media (max-width:720px){
    .ts-table{ min-width:0 }
    .ts-table thead{ display:none }
    .ts-table tbody tr{ display:block; border:1px solid #eee; margin-bottom:8px; padding:8px }
    .ts-table tbody td{ display:flex; justify-content:space-between; padding:6px 4px }
    .ts-table tbody td:before{ content: attr(data-label); font-weight:600; margin-right:8px }
}
.ts-summary-box{ margin-bottom:8px; font-size:14px }