/* v0.4 timesheet module */
.ts-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ts-filters{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:12px}
.ts-filters label,.ts-clock-job{display:grid;gap:6px;font-size:12px;font-weight:750;color:#60778a}
.ts-filters .field,.ts-clock-job .field{width:100%}
.ts-scroll{max-width:100%;overflow-x:auto}
.ts-table{width:100%;min-width:800px}
.ts-wide{min-width:1050px}
.ts-table td{vertical-align:middle}
.ts-table .pill{white-space:nowrap}
.ts-table td span[title]{display:block;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-table .inline{flex-wrap:nowrap}
.ts-table tbody tr{cursor:default}
.ts-clock-job{text-align:left;margin:12px 0 19px}
.ts-current{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eef2f6;padding:12px 0;font-size:13px}
.ts-current span{color:#6b8295}
@media(max-width:1120px){.ts-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-filters{grid-template-columns:repeat(3,minmax(135px,1fr))}}
@media(max-width:740px){.ts-filters{grid-template-columns:repeat(2,minmax(120px,1fr))}.ts-current{align-items:flex-start;flex-direction:column;gap:4px}.ts-scroll{margin-left:0}.ts-table{min-width:850px}}
@media(max-width:420px){.ts-filters{grid-template-columns:1fr}.ts-stat-grid .metric{padding:12px}.ts-stat-grid .metric strong{font-size:24px}}
@media print{.side,.top-actions,.bottom-nav,.tools,.ts-filters{display:none!important}.main{padding:10px!important}.app{display:block}.panel{break-inside:avoid;box-shadow:none}}