.project-time-report .time-tracking-toolbar > label { flex-basis: 12rem; max-width: 20rem; }
.project-time-report-explanation, .project-time-report-export-note { color: var(--time-muted); font-size: .76rem; line-height: 1.5; margin: 0 0 1rem; }
.project-time-report-export-note { margin: .8rem 0 0; }
.project-time-report-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.project-time-report .time-tracking-chart { min-width: 0; overflow: visible; }
.project-time-report-group-name { display: inline-flex; align-items: center; gap: .5rem; min-width: 0; }
.project-time-report-group-name > i { width: .55rem; height: .55rem; flex: 0 0 .55rem; border-radius: 50%; }
.project-time-report-summary { margin-top: .5rem; }
.project-time-report .time-tracking-card h2 { overflow-wrap: anywhere; }
.project-time-report .time-tracking-card > header > span { max-width: 100%; }
@media (max-width: 820px) { .project-time-report-groups { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .project-time-report .time-tracking-toolbar > label { flex-basis: 100%; max-width: none; } .project-time-report .entries-card .time-tracking-actions { width: 100%; } }

.project-time-report .time-tracking-toolbar > .project-time-report-month { flex: 0 1 11rem; max-width: 13rem; }
.project-time-report .time-tracking-period > div { flex-wrap: wrap; }
@media (max-width: 540px) { .project-time-report .time-tracking-toolbar > .project-time-report-month { flex: 1 1 100%; max-width: none; } .project-time-report .time-tracking-period { width: 100%; } }

/* Full-size report windows must not add the theme's normal outer popup margin. */
.dxbl-popup.project-time-report-window { --dxbl-popup-margin: 0px; --dxbl-popup-scrollable-max-height: 100dvh; margin: 0; box-sizing: border-box; border-radius: 0; }