.reports-workspace{--report-border:#e5eaf1;--report-muted:#7a899e;display:flex;flex-direction:column;gap:14px;min-width:0;color:#243247}
.report-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 2px}
.report-header h1{margin:6px 0 0;font-size:24px;line-height:1.4;letter-spacing:0}
.report-breadcrumb{font-size:12px;color:var(--report-muted)}
.report-breadcrumb>span:first-child{margin:0 8px;color:#b4becc}
.report-header .actions{gap:8px;flex-wrap:wrap}.report-header .btn{min-height:34px;padding:7px 12px;font-size:13px}
.report-tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin;border:1px solid var(--report-border);border-radius:5px;background:#fff;padding:0 20px;flex-shrink:0}
.report-tabs>a{display:block;position:relative;flex-shrink:0;line-height:20px;padding:15px 0 13px;border-bottom:2px solid transparent;color:#5e6b7d;font-size:14px;text-decoration:none;white-space:nowrap}
.report-tabs>a:hover{color:#0757ce}.report-tabs>a[aria-current]{border-bottom-color:#1266e8;color:#0757ce;font-weight:600}
.report-tabs>a:focus-visible{outline:2px solid #1266e8;outline-offset:-3px}
.report-controls{padding:14px 18px;background:#fff;border:1px solid var(--report-border);border-radius:5px}
.report-filter-fields{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.report-filter-fields label{display:flex;flex-direction:column;gap:7px;min-width:130px;font-size:12px;color:#66748a}
.report-filter-fields .report-site-field{min-width:200px;flex:1;max-width:320px}
.report-filter-fields input,.report-filter-fields select{height:36px;min-height:36px;padding:7px 10px;min-width:0;font:inherit;font-size:13px;border-radius:4px;background:#fff;border:1px solid #dce3ed;color:#35465e}
.report-filter-fields input:focus,.report-filter-fields select:focus{outline:2px solid #dceaff;outline-offset:0;border-color:#5f9af4}
.report-filter-fields .btn{height:36px;min-height:36px;font-size:13px;padding:7px 20px}
.report-custom-time{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.report-custom-time[hidden]{display:none}
.report-window{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;line-height:1.6;color:#8896a9;flex-wrap:wrap}
[data-report-load-state]{color:#6b83a0;white-space:nowrap}
[data-report-filter-error]{margin:10px 0 0;color:#bb4943;font-size:13px}
.report-data{min-width:0;display:flex;flex-direction:column;gap:16px}
.report-data>.panel,.report-data>.grid-two,.report-data>.metrics,.report-data>.summary-strip{margin:0}
.report-data .panel{border-radius:5px;border:1px solid var(--report-border);box-shadow:none;margin-bottom:0}
.report-data .panel-head{min-height:52px;padding:14px 18px;border-bottom:1px solid #eef1f6}
.report-data .panel-head h2{font-size:14px;font-weight:600;line-height:1.5}
.report-module-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;padding:2px 0}
.report-module-heading h2{font-size:15px;margin:0;font-weight:600}
.report-module-heading .btn{min-height:32px;padding:6px 10px;font-size:12px}
.report-module-heading .actions{display:flex;gap:8px;flex-wrap:wrap}
[data-report-filter-note]{margin:0;color:#8a96a7;font-size:12px}
.report-module-status{display:flex;justify-content:flex-end;color:var(--report-muted);font-size:12px;line-height:1.5;margin:-2px 0 -6px}
.report-data .realtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.report-data .report-realtime-grid[data-report=cache],.report-data .report-realtime-grid[data-report=origin]{grid-template-columns:minmax(0,1fr)}
.report-data .realtime-card .panel-head p{font-size:12px;color:#91a0b2;margin-top:3px}
.report-data .realtime-card-state{font-size:11px;color:#8b9bae}.report-data .realtime-card-state.failed{color:#bf5c53}
.report-data .realtime-summary{padding:14px 18px 0;display:flex;gap:24px;min-height:0;margin:0;justify-content:flex-start}
.report-data .realtime-summary>div{display:flex;flex-direction:column;gap:5px}.report-data .realtime-summary span{font-size:12px;color:#8794a6}
.report-data .realtime-summary strong{font-size:24px;font-weight:600;line-height:1.3;color:#263a52}
.report-data .realtime-summary b{font-size:18px;font-weight:500;line-height:1.8;color:#50657e}
.report-data .realtime-plot{padding:14px 18px 12px;min-height:0}.report-data .realtime-traces svg{height:var(--report-plot-height,200px)}
.report-data .realtime-card{--report-plot-height:200px}
.report-data .realtime-y-axis{font-size:11px;width:58px;height:var(--report-plot-height,200px);padding-top:calc(var(--report-plot-height,200px)*.089);padding-bottom:calc(var(--report-plot-height,200px)*.056);color:#96a2b2}.report-data .realtime-x-axis{font-size:11px;color:#96a2b2}
.report-data .realtime-legend{padding:0 18px 14px;font-size:12px;gap:16px}.report-data .realtime-gridline{stroke:#eaf0f7}
.report-data .metrics,.report-data .summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--report-border);border-radius:5px;padding:18px 0}
.report-data .metrics .metric,.report-data .summary-strip article{border:0;border-right:1px solid #eef1f6;border-radius:0;box-shadow:none;background:transparent;padding:0 22px;min-height:70px}
.report-data .metrics .metric:last-child,.report-data .summary-strip article:last-child{border-right:0}
.report-data .metric-top{margin-bottom:9px;font-size:12px;color:#8190a4}.report-data .metric-top .icon{display:none}
.report-data .metrics strong,.report-data .summary-strip strong{font-size:25px;line-height:1.4;font-weight:600;color:#293d55;display:block}
.report-data .metrics small{font-size:11px;color:#9aa6b6;margin-top:5px;display:block}.report-data .summary-strip span{font-size:12px;color:#8794a6;margin-bottom:8px;display:block}
.report-data .dimension-nav{background:#fff;border:1px solid var(--report-border);padding:8px 12px;margin:0;border-radius:5px;gap:6px;font-size:13px}
.report-data .dimension-nav a{border-radius:3px;padding:7px 11px}.report-analysis-result{display:flex;flex-direction:column;gap:16px;min-width:0}
.report-data .panel-body{padding:16px 18px}.report-data .rank-table th{padding:12px 16px;font-size:12px;background:#f7f9fc;color:#6a788c}
.report-data .rank-table td{padding:13px 16px;font-size:13px}.report-data .rank-table .btn{min-height:28px;padding:4px 8px;font-size:12px}
.report-data .panel-note{font-size:12px;padding:12px 18px;color:#97a1b0}
.report-data .chart{padding:18px 20px}.report-data .chart>svg{height:280px}
.report-data .grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.report-data .table-toolbar{padding:14px 18px}.report-data .pagination{padding:14px 18px;font-size:12px}
.report-log-filters .query-fields{gap:12px}.report-log-filters .field>span{font-size:12px}.report-log-filters .field input,.report-log-filters .field select{min-height:34px;height:34px}
.report-log-filters .query-advanced{margin-top:12px}.report-log-filters .query-advanced summary{font-size:12px;color:#75849a}
.report-log-filters .log-quick .actions{align-self:flex-end}.report-log-filters .btn{font-size:12px;min-height:34px}
.report-data .page-tabs{margin:0;background:transparent;border:0;font-size:13px}.report-data .coverage-note{font-size:12px;color:#8c98aa;margin:0}
.report-skeleton{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:320px;background:#fff;border:1px solid var(--report-border);border-radius:5px;padding:26px}
.report-skeleton>span{display:block;height:78px;border-radius:4px;background:linear-gradient(90deg,#f2f5f9,#fafbfd,#f2f5f9);background-size:200% 100%;animation:report-loading 1.5s ease infinite}
.report-skeleton p{position:absolute;top:48%;width:100%;text-align:center;color:#8c9bb0;font-size:13px;margin:0;left:0}
.report-data .loading-state{min-height:200px}.report-data .error-state{padding:40px 24px}
@keyframes report-loading{to{background-position:-200% 0}}
@media(min-width:1700px){.report-data .realtime-card{--report-plot-height:230px}}
@media(max-width:900px){.report-tabs{gap:22px;padding:0 16px}.report-header h1{font-size:22px}.report-data .metrics .metric,.report-data .summary-strip article{padding:0 14px}.report-data .realtime-summary{gap:24px;padding:14px 16px 0}.report-custom-time{width:100%}}
@media(max-width:640px){.reports-workspace{gap:12px}.report-header{align-items:flex-start}.report-header h1{font-size:21px}.report-header .actions{justify-content:flex-end}.report-header [data-report-screen]{display:none}.report-tabs{gap:20px;padding:0 12px}.report-tabs>a{font-size:13px;padding:12px 0 10px}.report-controls{padding:14px}.report-filter-fields{gap:12px}.report-filter-fields .report-site-field{flex:1 1 100%;min-width:0;max-width:none}.report-filter-fields>label:not(.report-site-field){flex:1;min-width:150px}.report-custom-time>label{width:100%}.report-window{font-size:11px}.report-data .realtime-grid,.report-data .grid-two{grid-template-columns:minmax(0,1fr)}.report-data .metrics,.report-data .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.report-data .metrics .metric:nth-child(2),.report-data .summary-strip article:nth-child(2){border-right:0}.report-data .metrics strong,.report-data .summary-strip strong{font-size:22px}.report-data .realtime-plot{padding:12px;min-height:0}.report-data .realtime-card{--report-plot-height:190px}.report-data .realtime-y-axis{width:50px}.report-data .chart>svg{height:210px}.report-skeleton{padding:16px;gap:10px}.report-data .report-log-filters{padding:14px}}
@media(prefers-reduced-motion:reduce){.report-skeleton>span{animation:none}}

/* Keep report controls and plots dense without inheriting the standalone
   monitor's large card padding. The chart and its Y axis share one height. */
.report-controls form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.report-controls .report-filter-fields{flex:1;min-width:520px}
.report-controls .report-window{margin:0 0 2px;padding-left:18px;border-left:1px solid var(--report-border);display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
.report-controls [data-report-filter-error]{flex-basis:100%}
body[data-console] .reports-workspace .report-data .panel{margin:0}
body[data-console] .reports-workspace .report-data .summary-strip{margin:0;padding:18px 0}
.reports-workspace .realtime-card{--metric-accent:#2477ce;display:flex;flex-direction:column;border-top:2px solid var(--metric-accent)}
.reports-workspace .realtime-card[data-realtime=traffic]{--metric-accent:#188d93}
.reports-workspace .realtime-card[data-realtime=qps]{--metric-accent:#6471d8}
.reports-workspace .realtime-card[data-realtime=req-cache-status]{--metric-accent:#218769}
.reports-workspace .realtime-card[data-realtime=status-4xx]{--metric-accent:#b88737}
.reports-workspace .realtime-card[data-realtime=status-5xx]{--metric-accent:#c76659}
.reports-workspace .realtime-card[data-realtime=backend-resp-time]{--metric-accent:#8a6aba}
body[data-console] .reports-workspace .realtime-card .panel-head{min-height:50px;padding:11px 16px;align-items:center}
.reports-workspace .realtime-card [data-chart]{padding:0;min-height:0;flex:1;display:flex;flex-direction:column}
.reports-workspace .realtime-card .realtime-plot{margin-top:auto}
.reports-workspace .realtime-card .panel-head p{margin-top:3px}
.reports-workspace .realtime-summary--report{display:block;padding:14px 18px 10px;margin:0;background:#fbfcfe;border-bottom:1px solid #f0f3f7}
.reports-workspace .realtime-summary--report>.realtime-series-summary{display:block;min-width:0}
.reports-workspace .realtime-summary--report .realtime-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.reports-workspace .realtime-summary--report .realtime-stat{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:0 12px;text-align:left;border-left:1px solid #e8edf4}
.reports-workspace .realtime-summary--report .realtime-stat:first-child{padding-left:0;border-left:0}
.reports-workspace .realtime-summary--report .realtime-stat>span{margin:0;font-size:11px;color:#8190a4}
.reports-workspace .realtime-summary--report .realtime-stat strong{font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.2px;overflow-wrap:anywhere}
.reports-workspace .realtime-summary--report .realtime-stat-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:2px;margin-right:6px;background:var(--metric-accent)}
.reports-workspace .realtime-summary--report .realtime-sample-count{margin:8px 0 0;font-size:10px;line-height:1.5;color:#9aa5b3}
.reports-workspace .realtime-summary--report.is-multiple{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.reports-workspace .realtime-summary--report.is-multiple>.realtime-series-summary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0;align-items:center}
.reports-workspace .realtime-summary--report .realtime-series-name{font-size:12px;display:flex;align-items:center;gap:5px;color:#50647e;margin:0}
.reports-workspace .realtime-summary--report .realtime-series-name b{font-size:12px;line-height:1.5}
.reports-workspace .realtime-summary--report .realtime-series-name .realtime-stat-dot{flex-shrink:0;margin:0}
.reports-workspace .realtime-summary--report.is-multiple .realtime-stat strong{font-size:17px}
.reports-workspace .realtime-summary--report .realtime-series-name .realtime-sample-count{display:none}
.reports-workspace .realtime-summary--report.is-multiple>.realtime-stat-headings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-left:54px}
.reports-workspace .realtime-summary--report .realtime-stat-headings>span{padding:0 12px;font-size:11px;color:#8190a4}
.reports-workspace .realtime-summary--report .realtime-stat-headings>span:first-child{padding-left:0}
.reports-workspace .realtime-summary--report.is-multiple .realtime-stat>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reports-workspace .realtime-sample-count[hidden],.reports-workspace .realtime-card-state[hidden],.reports-workspace .report-module-status[hidden]{display:none}
.reports-workspace[data-report-module=protection] .report-module-heading{display:none}
.reports-workspace[data-report-module=protection] .metrics .metric small{display:none}
.reports-workspace .report-module-status{margin:0;font-size:11px;min-height:0}
.report-security-visuals{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:stretch}
.report-security-visuals>.panel{min-width:0;display:flex;flex-direction:column}
.report-security-visuals .chart{padding:14px 16px;flex:1;min-height:0}
.report-security-visuals .chart>svg{height:230px}
.report-security-visuals .geo-canvas{padding:12px 10px 0;min-height:0}
.report-security-visuals .geo-canvas>svg{display:block;width:100%;height:230px}
.report-security-visuals .geo-caption{padding:8px 16px 12px;font-size:11px}
.report-security-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.report-security-rankings .panel{min-width:0}
.report-security-rankings th,.report-security-rankings td{padding:11px 16px;font-size:12px}
.report-security-rankings td:last-child{font-variant-numeric:tabular-nums}
.reports-workspace .metrics .metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reports-workspace .metrics .metric-top .icon{display:block;width:15px;height:15px;color:#8b9fb8}
.report-analysis-breakdown{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:14px;align-items:start;min-width:0}
.report-analysis-breakdown>.panel{min-width:0}
.report-analysis-breakdown .geo-canvas>svg{width:100%;height:270px;display:block}
.report-analysis-breakdown .geo-caption{font-size:11px;padding:10px 16px}
.reports-workspace .realtime-empty,.reports-workspace .realtime-loading{min-height:205px}
.reports-workspace .report-range-notice .empty-state{padding:28px 20px;min-height:0}
@media(max-width:1300px){.report-analysis-breakdown{grid-template-columns:minmax(0,1fr)}.report-analysis-breakdown .geo-canvas>svg{height:230px}}
@media(min-width:1700px){.report-security-visuals .chart>svg,.report-security-visuals .geo-canvas>svg{height:260px}}
@media(max-width:1150px){.report-controls .report-window{border-left:0;padding-left:0;flex-basis:100%;flex-direction:row;align-items:center;text-align:left;justify-content:space-between}.report-controls .report-filter-fields{min-width:0;flex-basis:100%}}
@media(max-width:1000px){.report-data .realtime-grid,.report-security-visuals{grid-template-columns:minmax(0,1fr)}.reports-workspace .realtime-card{--report-plot-height:210px}}
@media(max-width:640px){.report-controls form{gap:10px}.report-controls .report-filter-fields{min-width:0}.report-controls .report-window{font-size:10px;align-items:flex-start}.report-security-rankings{grid-template-columns:minmax(0,1fr)}.reports-workspace .realtime-summary--report{padding:12px 14px 8px}.reports-workspace .realtime-summary--report .realtime-stat{padding:0 8px}.reports-workspace .realtime-summary--report .realtime-stat strong{font-size:18px}.reports-workspace .realtime-summary--report .realtime-series-summary{grid-template-columns:44px minmax(0,1fr)}.reports-workspace .realtime-summary--report .realtime-series-summary .realtime-stat strong{font-size:15px}.report-security-visuals .chart>svg,.report-security-visuals .geo-canvas>svg{height:210px}}
@media(max-width:640px){.reports-workspace .realtime-summary--report.is-multiple>.realtime-stat-headings{margin-left:44px}.reports-workspace .realtime-summary--report .realtime-stat-headings>span{padding:0 8px}.reports-workspace .realtime-summary--report .realtime-stat-headings>span:first-child{padding-left:0}}