/* Exact timecard ranges and duration details. */
.timecard-range-note { flex-basis: 100%; order: 3; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.timecard-row > span:nth-child(5), .timecard-duration { display: grid; gap: 3px; }
.timecard-row > span:nth-child(5) strong, .timecard-duration strong { white-space: nowrap; }
.personal-timecard-entry-summary .timecard-duration strong { color: var(--ink); font-size: 18px; }
.timecard-duration small { max-width: 180px; }

/* Individual weekly reports and exports. */
.weekly-reports { padding: 24px; min-width: 0; }
.weekly-reports > p, .weekly-report-help { line-height: 1.6; }
.weekly-report-controls, .weekly-report-actions, .weekly-report-totals { display: flex; flex-wrap: wrap; gap: 16px; align-items: end; margin: 16px 0; }
.weekly-report-controls label { display: grid; gap: 6px; max-width: 100%; }
.weekly-report-controls input, .weekly-report-controls select { min-height: 42px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; max-width: 100%; }
.weekly-report-totals strong { display: block; font-size: 24px; font-variant-numeric: tabular-nums; }
.weekly-report-help { font-size: 12px; }
.weekly-report-table { overflow-x: auto; }
.weekly-report-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.weekly-report-table th, .weekly-report-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
.weekly-report-table th { background: #edf2f5; color: #172b3a; }
.weekly-report-table td:nth-child(4), .weekly-report-table td:nth-child(5) { font-variant-numeric: tabular-nums; white-space: nowrap; }