/* Arbeitszeit: zentrale Darstellungsregeln, bestehende Themenfarben bleiben erhalten. */
#tab-arbeitszeit .worktime-compare-grid .report-kpi-value {
  font-family: var(--font-sans);
  font-size: clamp(1.05rem, 1.2vw, 1.3rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
#tab-arbeitszeit #worktimeAccountGrid .report-kpi-value { font-size: 1.05rem; }
#tab-arbeitszeit .worktime-kpi-detail.is-positive { color: #157347; }
#tab-arbeitszeit .worktime-kpi-detail.is-negative { color: #b42318; }
#tab-arbeitszeit .worktime-kpi-breakdown,
#tab-arbeitszeit .worktime-chart-detail { color: var(--muted); font-size: .72rem; margin-top: .35rem; }
#tab-arbeitszeit .worktime-chart-detail { min-height: 2.3em; }
#tab-arbeitszeit .report-toolbar:first-of-type { gap: .75rem; }
#tab-arbeitszeit .worktime-edit-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; margin: 1rem 0 .5rem; }
#tab-arbeitszeit .worktime-edit-toolbar .worktime-selection-note { margin: 0; flex: 1 1 180px; }
#tab-arbeitszeit .worktime-edit-toolbar [aria-pressed="true"] { color: var(--primary); background: var(--surface-soft, var(--surface)); border-color: var(--accent); }
#tab-arbeitszeit .worktime-filter-empty { padding: .75rem; border: 1px solid var(--line); border-radius: .5rem; color: var(--muted); font-size: .8rem; }
#tab-arbeitszeit .worktime-secondary-section { margin-top: 1rem; border: 1px solid var(--line); border-radius: .65rem; padding: .75rem; }
#tab-arbeitszeit .worktime-secondary-section > summary { cursor: pointer; color: var(--text); font-size: .85rem; font-weight: 500; }
#tab-arbeitszeit .worktime-secondary-section[open] > summary { margin-bottom: .75rem; }
#tab-arbeitszeit .worktime-secondary-section .worktime-compare-wrap { margin-top: 0; }
#tab-arbeitszeit .worktime-entry-indicator.is-incomplete { color: #a16207; background: #fef3c7; }
#tab-arbeitszeit .worktime-compare-chart-day { padding: 0 1px; border: 0; background: transparent; border-radius: .25rem; cursor: pointer; }
#tab-arbeitszeit .worktime-compare-chart-day:hover { background: var(--surface-soft, var(--surface)); }
#tab-arbeitszeit .worktime-compare-chart-day:focus-visible,
#tab-arbeitszeit .worktime-secondary-section > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#tab-arbeitszeit .worktime-compare-chart-day { min-width: 18px; }
#tab-arbeitszeit .worktime-saldo-month { padding: 0; border: 0; background: transparent; cursor: pointer; color: var(--text); }
#tab-arbeitszeit .worktime-saldo-month:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#tab-arbeitszeit .worktime-read-value,
#tab-arbeitszeit .worktime-edit-day { display: none; }
#tab-arbeitszeit.is-compact-worktime .worktime-row:not(.is-editing-day) .worktime-read-value { display: block; font-size: .8rem; white-space: normal; }
#tab-arbeitszeit.is-compact-worktime .worktime-edit-day { display: inline-flex; gap: .3rem; margin-top: .35rem; font-size: .7rem; }
/* Alte Tabellen-Themen verwenden wichtige Zellabstände; nur die Lesedarstellung verdichten. */
#tab-arbeitszeit.is-compact-worktime .worktime-table .worktime-row:not(.is-editing-day) td { padding: .45rem .75rem !important; }
#tab-arbeitszeit.is-compact-worktime .worktime-row:not(.is-editing-day) .worktime-times-group,
#tab-arbeitszeit.is-compact-worktime .worktime-row:not(.is-editing-day) .worktime-pause-picker,
#tab-arbeitszeit.is-compact-worktime .worktime-row:not(.is-editing-day) select,
#tab-arbeitszeit.is-compact-worktime .worktime-row:not(.is-editing-day) .worktime-note input { display: none; }
#tab-arbeitszeit .worktime-row.is-editing-day .worktime-date { box-shadow: inset 0 -2px var(--accent); }
#tab-arbeitszeit [hidden] { display: none !important; }
body.theme-dark #tab-arbeitszeit .worktime-kpi-detail.is-positive,
body.theme-anthracite #tab-arbeitszeit .worktime-kpi-detail.is-positive,
body.theme-slate #tab-arbeitszeit .worktime-kpi-detail.is-positive { color: #86efac; }
body.theme-dark #tab-arbeitszeit .worktime-kpi-detail.is-negative,
body.theme-anthracite #tab-arbeitszeit .worktime-kpi-detail.is-negative,
body.theme-slate #tab-arbeitszeit .worktime-kpi-detail.is-negative { color: #fca5a5; }
@media (max-width: 767.98px) {
  #tab-arbeitszeit .worktime-chart-detail { font-size: .75rem; }
  #tab-arbeitszeit .worktime-compare-chart-day { min-width: 28px; }
  #tab-arbeitszeit .worktime-edit-toolbar { align-items: stretch; }
}