.report-source-card{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px}
.report-source-copy{display:grid;gap:4px}
.report-source-copy span{color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.report-source-copy strong{color:var(--navy);font-size:16px}
.report-source-copy small{color:#8490a0;font-size:12px}
.report-source-actions{display:flex;align-items:center;gap:10px}
.report-file-picker{position:relative;display:flex;align-items:center;min-height:50px;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:#344054;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.report-file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}
.report-filter-card{grid-template-columns:minmax(150px,210px) minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(150px,190px) auto}
.report-results{display:grid;gap:14px}
.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}
.report-metric{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 24px #17203308}
.report-metric span{display:block;margin-bottom:8px;color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.report-metric strong{color:var(--navy);font-size:28px;font-weight:900}
.report-files{display:grid;padding:8px}
.report-file-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:9px;color:var(--ink);text-decoration:none}
.report-file-row:hover{background:#edf9fb}
.report-file-row span{display:grid;gap:3px}
.report-file-row small{color:#8490a0;font-size:11px}
.report-file-row em{color:#087f91;font-size:12px;font-style:normal;font-weight:850}
.report-tabs{margin-top:4px}
.report-config-tab{margin-left:auto}
.report-tab-panel{min-width:0}
.report-visual{display:grid;gap:18px}
.report-insights{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}
.report-insights.trace-insights{grid-template-columns:repeat(4,minmax(140px,1fr))}
.report-insights.trend-insights{grid-template-columns:repeat(4,minmax(150px,1fr))}
.report-insights>div{position:relative;overflow:hidden;padding:17px 18px 16px;border:1px solid var(--line);border-top:3px solid var(--cyan-dark);border-radius:10px;background:#fff;box-shadow:0 8px 24px #1720330b}
.report-insights>div:nth-child(2){border-top-color:#4f8f64}
.report-insights>div:nth-child(3){border-top-color:#d19a32}
.report-insights>div:nth-child(4){border-top-color:#c93448}
.report-insights span{display:block;margin-bottom:8px;color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.report-insights strong{color:var(--navy);font-size:24px;font-weight:900}
.comparison-period{display:grid;gap:6px;padding:16px 18px}
.comparison-period span{color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.comparison-period strong{color:var(--navy);font-size:18px}
.comparison-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comparison-period.current{border-top:4px solid #2e74b5}
.comparison-period.comparable{border-top:4px solid #a5a5a5}
.comparison-metrics{margin-bottom:0}
.comparison-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid #edf1f4;background:#fbfcfd}
.comparison-card-header div{display:grid;gap:4px}
.comparison-card-header span{color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.comparison-card-header h3{margin:0;color:var(--navy);font-size:17px;letter-spacing:0}
.comparison-card-header small{color:#8490a0;font-size:11px;font-weight:800}
.comparison-table-card table{min-width:880px}
.comparison-kpi-table td,.comparison-summary-table td{vertical-align:middle}
.comparison-kpi-table td:not(:first-child),.comparison-summary-table td:not(:first-child){font-variant-numeric:tabular-nums}
.comparison-semaphore,.comparison-delta{display:inline-block;border-radius:18px;padding:5px 9px;font-size:10px;font-weight:850}
.comparison-semaphore.green,.comparison-delta.down{color:#28610f;background:#e2f0d9}
.comparison-semaphore.yellow,.comparison-delta.flat{color:#7a5200;background:#fff2cc}
.comparison-semaphore.red,.comparison-delta.up{color:#9a3412;background:#fce4d6}
.comparison-semaphore.neutral{color:#17536d;background:#d9eaf7}
.comparison-chart-list{display:grid;padding:7px 18px 12px}
.comparison-chart header span{display:flex;align-items:center;gap:7px}
.comparison-dot{width:10px;height:10px;display:inline-block;border-radius:3px}
.comparison-dot.actual{background:#2e74b5}
.comparison-dot.comparable{background:#a5a5a5}
.comparison-bar-row{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr);align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #edf1f4}
.comparison-bar-row:last-child{border-bottom:0}
.comparison-bar-label strong{display:block;color:#344054;font-size:12px}
.comparison-bar-label span{display:block;margin-top:4px;color:#8490a0;font-size:11px;font-variant-numeric:tabular-nums}
.comparison-bar-pair{display:grid;gap:7px}
.comparison-bar-line{display:grid;grid-template-columns:132px minmax(120px,1fr) 54px;align-items:center;gap:10px}
.comparison-bar-line span{color:#667085;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.comparison-bar-line strong{color:#344054;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.semaphore-settings{overflow:hidden}
.semaphore-settings-list{display:grid;padding:6px 18px 10px}
.semaphore-setting-row{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(300px,1.3fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4}
.semaphore-setting-row:last-child{border-bottom:0}
.semaphore-setting-row strong{display:block;color:#344054;font-size:13px}
.semaphore-setting-row span{display:block;margin-top:4px;color:#8490a0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.semaphore-band-grid{display:grid;grid-template-columns:minmax(92px,.8fr) 64px minmax(90px,1fr) minmax(90px,1fr);gap:8px;align-items:center}
.semaphore-band-head{color:#8490a0;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.semaphore-band-name{border-radius:18px;padding:6px 10px;font-size:10px;font-weight:900;text-align:center;text-transform:uppercase}
.semaphore-band-name.green{color:#28610f;background:#e2f0d9}
.semaphore-band-name.neutral{color:#17536d;background:#d9eaf7}
.semaphore-band-name.yellow{color:#7a5200;background:#fff2cc}
.semaphore-band-name.red{color:#9a3412;background:#fce4d6}
.semaphore-band-toggle{display:grid;place-items:center}
.semaphore-band-toggle input{width:16px;height:16px}
.semaphore-band-grid input[type="number"]{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--ink);background:#fff}
.semaphore-band-grid input[type="number"]:disabled{color:#98a2b3;background:#f2f4f7}
.semaphore-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:14px 18px;border-top:1px solid #edf1f4;background:#fbfcfd}
.semaphore-settings-actions .form-message{flex:1;margin:0}
.semaphore-settings-actions .primary-button{min-width:190px}
.report-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.trend-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-chart{overflow:hidden;border-radius:10px}
.report-chart header,.report-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}
.report-chart header{padding:17px 18px 13px;border-bottom:1px solid #edf1f4;background:#fbfcfd}
.report-chart h3,.report-section-title h3{margin:0;color:var(--navy);font-size:17px;letter-spacing:0}
.report-chart header span,.report-section-title span{color:#8490a0;font-size:11px;font-weight:800}
.report-chart-list{display:grid;padding:7px 18px 12px}
.report-bar-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,1.2fr);align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f4}
.report-bar-row:last-child{border-bottom:0}
.report-bar-row strong{display:block;color:#344054;font-size:12px}
.report-bar-row span{display:block;margin-top:4px;color:#8490a0;font-size:11px;font-variant-numeric:tabular-nums}
.report-bar-svg{display:block;width:100%;height:12px;overflow:visible}
.report-pie-grid{align-items:stretch}
.report-donut-card{min-height:420px}
.report-donut-content{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(230px,1.15fr);align-items:center;gap:18px;padding:20px 18px 18px}
.report-donut-stage{display:grid;justify-items:center;gap:14px;min-width:0}
.report-donut-ring{position:relative;width:min(250px,100%);aspect-ratio:1}
.report-donut-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 22px #1720331c)}
.report-donut-track{fill:none;stroke:#edf1f4;stroke-width:20}
.report-donut-slice{fill:none;stroke-width:20;stroke-linecap:butt;transition:stroke-width .18s ease,filter .18s ease}
.report-donut-slice:hover{stroke-width:22;filter:brightness(1.06)}
.report-donut-center{position:absolute;inset:50%;display:grid;width:118px;height:118px;place-content:center;gap:2px;transform:translate(-50%,-50%);border:1px solid #edf1f4;border-radius:50%;background:#fff;box-shadow:0 10px 24px #17203312;text-align:center}
.report-donut-center span{color:#8490a0;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.report-donut-center strong{color:var(--navy);font-size:26px;font-weight:950;font-variant-numeric:tabular-nums}
.report-donut-lead{display:grid;gap:4px;max-width:280px;text-align:center}
.report-donut-lead span{color:#8490a0;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.report-donut-lead strong{color:var(--navy);font-size:15px;line-height:1.25}
.report-donut-lead em{color:#667085;font-size:12px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.report-donut-legend{display:grid;gap:7px;min-width:0}
.report-donut-legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) minmax(46px,auto) minmax(50px,auto);align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f4}
.report-donut-legend-row:last-child{border-bottom:0}
.report-donut-legend-row i{display:block;width:12px;height:12px;border-radius:3px;box-shadow:0 0 0 3px #ffffff,0 0 0 4px #edf1f4}
.report-donut-color-0{background:#2e74b5}
.report-donut-color-1{background:#00a6b2}
.report-donut-color-2{background:#4f8f64}
.report-donut-color-3{background:#d19a32}
.report-donut-color-4{background:#c4775a}
.report-donut-color-5{background:#8267a8}
.report-donut-color-6{background:#c93448}
.report-donut-color-7{background:#66778d}
.report-donut-color-8{background:#0f766e}
.report-donut-legend-row strong{overflow:hidden;color:#344054;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.report-donut-legend-row em,.report-donut-legend-row span{color:#667085;font-size:11px;font-style:normal;font-weight:850;font-variant-numeric:tabular-nums;text-align:right}
.report-donut-legend-row span{color:var(--navy)}
.trend-bar-row{grid-template-columns:minmax(150px,1fr) minmax(100px,1.2fr)}
.compact-empty{margin:0;padding:22px}
.report-section-title{padding:4px 0 10px;border-bottom:1px solid #dce3ea}
.report-incidents table{min-width:980px}
.report-incidents th{white-space:nowrap}
.report-incidents td{vertical-align:top}
.report-incidents td strong{display:block;margin-bottom:5px;color:var(--navy);font-size:12px}
.report-incidents td small{display:block;max-width:360px;color:#667085;line-height:1.45}
.report-status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:850}
.report-status.closed{color:#086244;background:#dff8ed}
.report-status.open{color:#9d2435;background:#ffe1e6}
.report-status.ok{color:#086244;background:#dff8ed}
.report-status.nok{color:#9d2435;background:#ffe1e6}
.report-trace-table table{min-width:1120px}
.report-trace-table td strong{display:block;margin-bottom:5px;color:var(--navy);font-size:12px}
.report-trace-table td small{display:block;max-width:420px;color:#667085;line-height:1.45}
@media(max-width:1180px){.report-donut-content{grid-template-columns:1fr}.report-donut-card{min-height:0}}
@media(max-width:980px){.report-filter-card{grid-template-columns:1fr 1fr}.report-filter-card .primary-button{width:100%}.report-metrics{grid-template-columns:repeat(2,minmax(130px,1fr))}.report-visual-grid,.report-insights,.report-insights.trace-insights,.report-insights.trend-insights,.comparison-period-grid,.semaphore-setting-row{grid-template-columns:1fr}.trend-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){.report-source-card,.report-filter-card,.report-metrics{grid-template-columns:1fr}.report-source-actions{align-items:stretch;flex-direction:column}.report-source-actions button{width:100%}.report-file-row{align-items:flex-start;flex-direction:column;gap:8px}.report-bar-row,.comparison-bar-row{grid-template-columns:1fr;gap:8px}.comparison-bar-line{grid-template-columns:118px minmax(90px,1fr) 48px}.report-bar-svg{height:10px}.report-donut-content{padding:18px 14px}.report-donut-ring{width:min(220px,100%)}.report-donut-center{width:104px;height:104px}.report-donut-center strong{font-size:22px}.report-donut-legend-row{grid-template-columns:12px minmax(0,1fr) minmax(42px,auto);gap:8px}.report-donut-legend-row em{display:none}.report-tabs{overflow-x:auto}.report-tabs .section-tab{white-space:nowrap}.report-config-tab{margin-left:auto}.semaphore-band-grid{grid-template-columns:82px 54px minmax(80px,1fr) minmax(80px,1fr)}.semaphore-settings-actions{align-items:stretch;flex-direction:column}.semaphore-settings-actions .primary-button{width:100%}}