/* timesheets.css — Workforce & time module page. Tokens from styles.css, layout patterns from platform.css, accents from theme-oxford.css. */
/* hero additions (pf-hero base comes from platform.css) */
/* proof band */
.ts-proof img{display:block;width:100%;height:clamp(340px,50vh,580px);object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.97)}
.ts-proof-bar{background:var(--ink);color:var(--paper)}
.ts-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ts-stat{padding:36px 32px 40px 0}
.ts-stat+.ts-stat{padding-left:32px;border-left:1px solid color-mix(in oklab,var(--paper) 14%,transparent)}
.ts-stat b{display:block;font-size:clamp(38px,4.6vw,68px);font-weight:500;letter-spacing:-0.025em;line-height:1}
.ts-stat span{display:block;margin-top:10px;font-family:var(--f-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--paper) 68%,transparent)}
/* without vs with comparison */
.ts-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule)}
.ts-col+.ts-col{border-left:1px solid var(--rule)}
.ts-col-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px 20px;flex-wrap:wrap;padding:18px 26px;border-bottom:1px solid var(--rule);font-family:var(--f-mono);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}
.ts-col-hd b{font-size:15px;color:var(--ink);font-weight:600}
.ts-line{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;padding:14px 26px;border-bottom:1px solid var(--rule-soft);font-size:15.5px;align-items:baseline}
.ts-line:last-child{border-bottom:0}
.ts-line .x{font-family:var(--f-mono);color:var(--bad)}
.ts-line .ttl{color:var(--ink-2)}
.ts-line b{font-family:var(--f-mono);font-weight:500;white-space:nowrap;color:var(--ink)}
.ts-col-us{background:var(--ink);color:var(--paper)}
.ts-col-us .ts-col-hd{border-bottom-color:oklch(0.32 0.01 60);color:oklch(0.68 0.005 60)}
.ts-col-us .ts-col-hd b{color:var(--accent-on-dark,var(--hazard))}
.ts-col-us .ts-line{border-bottom-color:oklch(0.24 0.01 60)}
.ts-col-us .ts-line .x{color:var(--accent-on-dark,var(--hazard))}
.ts-col-us .ts-line .ttl{color:oklch(0.82 0.005 60)}
.ts-col-us .ts-line b{color:var(--paper)}
/* responsive */
@media (max-width:900px){.ts-compare{grid-template-columns:1fr}.ts-col+.ts-col{border-left:0;border-top:1px solid var(--rule)}}
@media (max-width:640px){
.ts-proof-grid{grid-template-columns:1fr}
.ts-stat{padding:24px 0}
.ts-stat+.ts-stat{padding-left:0;border-left:0;border-top:1px solid color-mix(in oklab,var(--paper) 14%,transparent)}
.ts-proof img{height:300px}
.ts-line{padding:12px 18px}.ts-col-hd{padding:16px 18px}
}