/* Report-only surface: the green header and light tables follow monitor-email.ftlh. */
.mr-page { margin-top: 20px; }
.mr-page > h1 { margin: 0 0 14px; font-size: 24px; }
.mr-page a { color: var(--gold); text-underline-offset: 3px; }
.mr-page :focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.mr-status { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.mr-standalone { margin: 12px 0; padding: 12px 14px; border-left: 3px solid var(--gold); background: var(--panel); }
.mr-list { list-style: none; padding: 0; display: grid; gap: 14px; }
.mr-list > li { min-width: 0; }
.mr-report, .mr-summary {
    --mr-ink: #22302a;
    --mr-muted: #5a6c60;
    --mr-line: #dfe6e1;
    --mr-paper: #fff;
    --mr-stripe: #f5f8f5;
    --mr-green: #1d7a4f;
    --mr-red: #a3352c;
    color: var(--mr-ink);
    background: var(--mr-paper);
    border: 1px solid var(--mr-line);
    border-radius: 14px;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
}
.mr-header { background: #13233B; color: #fff; padding: 20px; }
.mr-header .mr-muted { color: #bcd0c2; }
.mr-header .mr-error { color: #ffb7aa; }
.mr-header h1, .mr-header h2 { margin: 8px 0; font-size: 23px; line-height: 1.4; }
.mr-header p { margin: 6px 0; }
.mr-title { margin: 8px 0; font-size: 23px; line-height: 1.4; }
.mr-code { color: #bcd0c2; font-family: ui-monospace, Menlo, monospace; }
.mr-subtitle { margin: 6px 0; }
.mr-eyebrow { color: #d9bd6a; font-size: 14px; font-weight: 700; }
.mr-severity { display: inline-block; padding: 3px 10px; border-radius: 999px; background: #8a6d1f; color: #fff; font-size: 14px; font-weight: 700; }
.mr-severity-call { background: #8f2f27; }
.mr-section { padding: 20px; border-top: 1px solid var(--mr-line); }
.mr-heading { margin: 0 0 14px; border-left: 4px solid #E58A2E; padding-left: 10px; color: #13233B; font-size: 18px; font-weight: 700; }
.mr-subheading { margin: 18px 0 8px; font-size: 16px; font-weight: 700; }
.mr-muted { color: var(--mr-muted); }
.mr-error { color: var(--mr-red); font-weight: 700; }
.mr-success { color: var(--mr-green); font-weight: 700; }
.mr-facts { display: grid; gap: 10px; margin: 0; }
.mr-fact { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 12px; }
.mr-fact-label { color: var(--mr-muted); }
.mr-fact-value { margin: 0; }
.mr-ratios { display: grid; gap: 12px; margin: 14px 0 20px; }
.mr-ratio { display: grid; gap: 6px; }
.mr-ratio-label { font-weight: 700; }
.mr-ratio svg { display: block; width: 100%; height: 10px; }
.mr-ratio-track { fill: var(--mr-stripe); }
svg .mr-success { fill: var(--mr-green); }
svg .mr-error { fill: var(--mr-red); }
.mr-chart { width: 100%; height: auto; display: block; margin: 12px 0; overflow: visible; }
.mr-chart text { fill: var(--mr-muted); font-size: 14px; font-family: inherit; }
.mr-grid { stroke: var(--mr-line); stroke-width: 1; }
.mr-axis { stroke: var(--mr-muted); stroke-width: 1; }
.mr-trend { fill: none; stroke: var(--mr-red); stroke-width: 2.5; stroke-linejoin: round; }
.mr-point { fill: var(--mr-red); }
.mr-threshold { stroke: #99761d; stroke-width: 1.5; stroke-dasharray: 6 4; }
.mr-trend-legend { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.mr-trend-legend .mr-threshold-label { color: #806019; font-weight: 700; }
.mr-threshold-label::before { content: ''; display: inline-block; width: 24px; margin-right: 7px; border-top: 2px dashed #99761d; vertical-align: middle; }
.mr-chart .mr-event-window { fill: var(--mr-red); font-weight: 700; }
.mr-chart .mr-chart-value { fill: var(--mr-red); font-weight: 700; }
.mr-consecutive { margin: 12px 0; color: var(--mr-muted); }
.mr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mr-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.mr-table caption { text-align: left; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.mr-table th, .mr-table td { padding: 9px 8px; border-bottom: 1px solid var(--mr-line); text-align: left; vertical-align: top; }
.mr-table th { color: #41504a; background: #eef3ee; font-weight: 700; }
.mr-table tbody tr:nth-child(even) { background: var(--mr-stripe); }
.mr-table th:last-child, .mr-table td:last-child { text-align: right; }
.mr-table .mr-number { text-align: right; }
.mr-table td:first-child { font-variant-numeric: tabular-nums; }
.mr-summary { border-left: 4px solid #1d7a4f; }
.mr-summary h2 { margin: 0 0 6px; font-size: 20px; }
.mr-summary > p { margin: 12px 18px; }
.mr-summary-link { display: block; text-decoration: none; }
.mr-summary-link:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; border-radius: 14px; }
.mr-summary a { color: #17633f; }
.mr-empty { color: var(--mr-muted); margin: 12px 0; }
@media (max-width: 400px) {
    .mr-header, .mr-section { padding: 16px 14px; }
    .mr-header h1, .mr-header h2 { font-size: 21px; }
    .mr-table th, .mr-table td { padding: 8px 5px; }
}