.monitor-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;background:linear-gradient(135deg,#fff,#f4f8f1);border:1px solid #dfe7df;border-radius:22px;margin-bottom:16px}.monitor-hero h2{font-size:32px;margin:5px 0}.monitor-hero p{margin:0;color:#65716b}.monitor-status{padding:10px 14px;border-radius:999px;font-weight:850}.monitor-status.ok{background:#e8f7d5;color:#365600}.monitor-status.warn{background:#fff0d8;color:#8a4d00}.monitor-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.monitor-checks article{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #e3e9e3;border-radius:15px;padding:14px}.monitor-checks article>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-weight:900}.monitor-checks .ok>span{background:#e8f7d5;color:#365600}.monitor-checks .warn>span{background:#fff0d8;color:#8a4d00}.monitor-checks small{display:block;color:#76817b;margin-top:3px;word-break:break-all}.monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.monitor-kpis article{background:#fff;border:1px solid #e3e9e3;border-radius:15px;padding:17px}.monitor-kpis small,.monitor-kpis b{display:block}.monitor-kpis small{color:#76817b}.monitor-kpis b{margin-top:6px;font-size:19px}.monitor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:18px}.monitor-pill{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase}.monitor-pill.success{background:#e8f7d5;color:#365600}.monitor-pill.failed{background:#ffe4e2;color:#9a291f}.monitor-pill.running{background:#e4efff;color:#214f91}.monitor-errors{display:grid;gap:10px;max-height:440px;overflow:auto}.monitor-errors article{border:1px solid #e7ece7;border-radius:13px;padding:12px}.monitor-errors header{display:flex;justify-content:space-between;gap:12px}.monitor-errors time,.monitor-errors span{font-size:12px;color:#77827c}.monitor-errors p{margin:7px 0 0;font-size:13px;line-height:1.45}.error-reference{margin:12px 0;padding:10px;border-radius:10px;background:#f0f3f1;color:#33413b}.error-reference strong{font-family:monospace}@media(max-width:1000px){.monitor-checks,.monitor-kpis{grid-template-columns:repeat(2,1fr)}.monitor-grid{grid-template-columns:1fr}}@media(max-width:600px){.monitor-hero{align-items:flex-start;flex-direction:column}.monitor-checks,.monitor-kpis{grid-template-columns:1fr}}