#work-reports-view .report-panel{padding:24px;margin-bottom:20px;min-width:0}
#work-reports-view h2{font-size:17px;margin:24px 0 14px}
.report-controls{display:flex;gap:14px;flex-wrap:wrap}
.report-controls label{display:grid;gap:7px;font-size:12px;color:#6a6378;flex:1;min-width:150px}
.report-controls input,.report-controls select{width:100%;height:40px;border:1px solid #e5e0ee;border-radius:8px;padding:8px;background:#fff;font:inherit;color:#302a40}
.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.report-actions button:disabled{opacity:.5;cursor:default}
#report-error{color:#bb354b;white-space:pre-wrap}
.report-note{font-size:12px;color:#777080;line-height:1.8}
.report-warning{background:#fff6e5;color:#8b5915;padding:12px;border-radius:8px;line-height:1.7}
.report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.report-metrics>div{padding:16px;background:#f6f3ff;border-radius:10px}
.report-metrics span{display:block;color:#736888;font-size:12px}
.report-metrics strong{display:block;font-size:24px;margin-top:8px;overflow-wrap:anywhere}
.report-scroll{overflow:auto;max-height:600px;border:1px solid #ebe7f0;border-radius:8px}
.report-scroll table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
.report-scroll th{background:#f6f3fb;position:sticky;top:0;text-align:left;white-space:nowrap}
.report-scroll td,.report-scroll th{padding:12px;border-bottom:1px solid #eee9f4;vertical-align:top;max-width:280px;overflow-wrap:anywhere}
#report-history{display:grid;gap:8px}
#report-history button{padding:14px;text-align:left;border:1px solid #e6e0f0;border-radius:8px;background:white;color:#423556;cursor:pointer}
#report-history small{display:block;margin-top:5px;color:#81788f}
@media(max-width:720px){#work-reports-view .report-panel{padding:14px}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics strong{font-size:20px}.report-controls label{min-width:130px}}