/* Timesheet calculator - one row per day; rows stack below 420px. */
.ts-days { display: grid; gap: 6px; margin-bottom: var(--e-gap); }
.ts-row { display: grid; grid-template-columns: 6.2em 1fr 1fr 4.6em 3.2em; gap: 6px; align-items: end; padding: 6px 8px; border-radius: var(--e-radius-sm); background: var(--e-surface); border: 1px solid var(--e-line); }
.ts-day { font-weight: 650; font-size: .88em; align-self: center; }
.ts-cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ts-l { font-size: .7em; font-weight: 600; color: var(--e-ink-3); text-transform: uppercase; letter-spacing: .04em; }
.ts-cell .e-input { min-width: 0; width: 100%; padding-left: 6px; padding-right: 4px; }
.ts-out { align-self: center; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--e-accent-fg); }
@media (max-width: 420px) {
    .ts-row { grid-template-columns: 1fr 1fr 4.2em; }
    .ts-day { grid-column: 1 / 3; }
    .ts-out { grid-column: 3; grid-row: 1; }
}
html[data-compact="1"] .ts-row { padding: 4px 6px; }