#work-reports .work-report-filters { display:flex; align-items:end; flex-wrap:wrap; gap:16px; padding:20px; }
#work-reports .work-report-filters label { display:grid; gap:7px; flex:1 1 165px; min-width:0; }
#work-reports .work-report-filters label[hidden] { display:none; }
#work-reports .work-report-filters select,#work-reports .work-report-filters input { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid #bac7d2; border-radius:7px; background:#fff; color:inherit; font:inherit; }
#work-reports .work-report-filters button { flex:0 1 auto; }
#work-reports .panel { margin-bottom:20px; }
#work-reports .workspace-metric { display:grid; gap:12px; padding:20px; }
#work-reports .workspace-metric strong { font-size:1.7rem; }
.work-report-scroll { overflow-x:auto; }
.work-timeline { display:flex; height:38px; overflow:hidden; border-radius:6px; border:1px solid #bac7d2; }
.work-segment { display:block; flex:none; min-width:0; }
.work-segment.active { background:#14735c; }
.work-segment.idle { background:#d59b20; }
.work-segment.break { background:#7461ae; }
.work-segment.gap { background:repeating-linear-gradient(135deg,#e8edf1,#e8edf1 5px,#d5dfe6 5px,#d5dfe6 7px); }
.work-segment.future { background:#fff; }
.work-timeline-legend { display:flex; gap:20px; flex-wrap:wrap; margin:18px 0 12px; }
.work-timeline-legend span { display:flex; align-items:center; gap:7px; }
.work-timeline-legend i { width:14px; height:14px; border-radius:3px; }
.work-timeline-scale { display:flex; justify-content:space-between; margin:7px 0 18px; font-size:.85rem; }
#work-reports details summary { cursor:pointer; padding:10px 0; }
#work-reports .form-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
@media(max-width:700px){#work-reports .workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}#work-reports .work-report-filters button{width:100%;}}

#work-reports .work-report-title { padding:0 20px; }