/* Shared report output, including embedded dashboard widgets. */
.report-rendered { color:inherit; min-width:0; font-size:13px; }
.report-rendered .report-output { max-width:100%; overflow:auto; }
.report-rendered table { width:100%; border-collapse:collapse; }
.report-rendered th,.report-rendered td { padding:8px; text-align:left; border-bottom:1px solid var(--border,var(--sysdash-border,#80808055)); overflow-wrap:anywhere; }
.report-rendered th { background:var(--panel-alt,var(--sysdash-surface-alt,#80808012)); }
.report-rendered .report-warning { padding:10px; border-left:3px solid #f39c12; }
.report-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:12px; margin:12px 0; }
.report-kpi { display:grid; align-content:start; gap:8px; padding:14px; border:1px solid var(--border,var(--sysdash-border,#80808055)); border-top:3px solid var(--primary,var(--sysdash-primary,#3c8dbc)); background:var(--panel-alt,var(--sysdash-surface-alt,#80808012)); overflow-wrap:anywhere; }
.report-kpi strong { font-size:clamp(22px,3vw,32px); font-weight:600; }
.report-chart { margin:12px 0; padding:12px; border:1px solid var(--border,var(--sysdash-border,#80808055)); }
.report-chart figcaption { font-weight:600; margin-bottom:14px; }
.report-bar-row { display:grid; grid-template-columns:minmax(70px,1fr) minmax(60px,3fr) minmax(60px,auto); align-items:center; gap:10px; padding:6px 0; }
.report-bar-row > span { overflow-wrap:anywhere; }
.report-bar-row > strong { text-align:right; font-variant-numeric:tabular-nums; }
.report-bar-row > svg { width:100%; height:24px; }
.report-chart-svg { width:100%; max-height:340px; }
.report-chart-legend { display:flex; flex-wrap:wrap; gap:8px 20px; padding-left:24px; }
.report-chart-legend li { padding:4px; overflow-wrap:anywhere; }
.report-chart-legend strong { margin-left:10px; font-variant-numeric:tabular-nums; }
.report-donut { display:block; width:min(100%,260px); margin:auto; }
.report-data-details { margin-top:12px; }
.report-data-details summary { padding:8px; cursor:pointer; min-height:34px; box-sizing:border-box; }
.report-data-details summary:focus-visible { outline:2px solid var(--primary,#3c8dbc); outline-offset:2px; }
@media(max-width:500px) { .report-chart { padding:8px; } .report-bar-row { grid-template-columns:minmax(60px,1fr) minmax(50px,1fr) auto; gap:6px; } }