/* v1.1.9: team work reports, theme-aware; no external chart libraries. */
.reports-sidebar-button{display:flex;align-items:center;gap:9px;width:100%;min-height:41px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:11px;padding:8px 12px;color:var(--text);font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer}
.reports-sidebar-button svg{width:19px;height:19px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:1.8}
.reports-sidebar-button:hover,.reports-sidebar-button.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:var(--accent)}
.reports-center{position:absolute;inset:0;z-index:31;display:flex;flex-direction:column;background:var(--bg);color:var(--text);min-height:0;overflow:hidden}
.reports-center[hidden],.reports-custom-dates[hidden],.reports-employee-section[hidden],.reports-notices[hidden],.reports-employee-filter[hidden]{display:none!important}
.reports-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);border-bottom:1px solid var(--line);padding:14px 18px}
.reports-topbar h2{margin:0;font-size:19px}.reports-topbar p{margin:4px 0 0;color:var(--muted);font-size:11.5px}
.reports-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.reports-actions .icon-btn{min-width:40px}
.reports-body{flex:1;min-height:0;overflow:auto;padding:19px;max-width:1200px;width:100%;margin:0 auto;display:grid;align-content:start;gap:16px;overscroll-behavior:contain}
.reports-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px}
.reports-controls label{display:grid;gap:6px;font-size:11px;font-weight:750;color:var(--muted);flex:1;min-width:125px}
.reports-controls select,.reports-controls input{min-height:40px;max-width:100%;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit}
.reports-custom-dates{display:flex;align-items:end;gap:8px;flex-wrap:wrap;flex:2 1 260px}.reports-custom-dates label{flex:1;min-width:120px}
.reports-controls button{min-height:40px}.reports-status{font-size:12px;color:var(--muted);font-weight:650;min-height:13px}
.reports-caption{font-size:11px;color:var(--muted)}
.reports-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.reports-metric{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:17px 16px;display:grid;gap:7px;min-width:0}
.reports-metric small{color:var(--muted);font-size:11px;font-weight:720}.reports-metric strong{color:var(--accent);font-size:clamp(22px,2.3vw,32px);line-height:1.1;font-variant-numeric:tabular-nums}.reports-metric span{font-size:10.5px;color:var(--muted);line-height:1.4}
.reports-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.reports-graph{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:18px}
.reports-graph h3,.reports-employee-section h3,.reports-integrations h3{font-size:15px;margin:0 0 11px}
.reports-graph svg{width:100%;height:196px;overflow:visible}
.reports-legend{display:flex;gap:15px;font-size:11px;margin-bottom:9px}.reports-legend-new{color:var(--accent)}.reports-legend-done{color:#25a78c}
.reports-grid-line{stroke:var(--line);stroke-width:1}.reports-line{fill:none;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.reports-line.created{stroke:var(--accent)}.reports-line.resolved{stroke:#25a78c}.reports-plot-dot.created{fill:var(--accent)}.reports-plot-dot.resolved{fill:#25a78c}
.reports-chart-dates{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.reports-integrations,.reports-employee-section{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}
.reports-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reports-extra-grid article{padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.reports-extra-grid strong{font-size:12px}.reports-extra-grid p,.reports-extra-grid>p{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 0}
.reports-employee-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px}.reports-employee-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.reports-employee-table th,.reports-employee-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.reports-employee-table th:first-child{text-align:left}.reports-employee-table thead{background:var(--panel2);color:var(--muted)}.reports-employee-table tr:last-child td,.reports-employee-table tr:last-child th{border-bottom:0}.reports-employee-table tbody th{font-weight:650;color:var(--text)}
.reports-note{font-size:11px;color:var(--muted);line-height:1.65}.reports-notices{border:1px solid color-mix(in srgb,#e3a350 40%,var(--line));border-radius:12px;padding:11px;color:var(--text);font-size:12px}
@media(max-width:1100px){.reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-charts{grid-template-columns:1fr}}
@media(max-width:760px){.reports-topbar{padding:10px 12px}.reports-topbar h2{font-size:16px}.reports-body{padding:11px;gap:11px}.reports-controls{padding:11px;gap:9px}.reports-controls label{min-width:115px}.reports-metric{padding:13px}.reports-metric strong{font-size:24px}.reports-graph{padding:14px}.reports-graph svg{height:165px}.reports-integrations,.reports-employee-section{padding:12px}}
@media(max-width:370px){.reports-metrics{gap:7px}.reports-metric strong{font-size:21px}}
