.admin-monitoring { --monitoring-surface:#fff; --monitoring-soft:#f6f8fb; --monitoring-border:#dce3e9; --monitoring-ink:#182f43; --monitoring-muted:#526577; --monitoring-good:#17623e; --monitoring-warning:#825000; --monitoring-bad:#a52b36; margin-top:1.5rem; padding:1.5rem; background:var(--monitoring-surface); color:var(--monitoring-ink); border:1px solid var(--monitoring-border); border-radius:12px; }
.admin-monitoring * { box-sizing:border-box; }
.admin-monitoring .monitoring-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.admin-monitoring .monitoring-heading .eyebrow { color:var(--monitoring-muted); }
.admin-monitoring .monitoring-heading h2 { margin:.3rem 0; }
.admin-monitoring .monitoring-heading p { margin:0; color:var(--monitoring-muted); font-size:.8125rem; }
.admin-monitoring .monitoring-health-badge { display:inline-flex; align-items:center; gap:.5rem; flex-shrink:0; padding:.45rem .75rem; border:1px solid var(--monitoring-border); border-radius:30px; background:var(--monitoring-soft); color:var(--monitoring-muted); font-size:.75rem; font-weight:650; }
.admin-monitoring .monitoring-health-badge>span { width:.5rem; height:.5rem; border-radius:50%; background:currentColor; }
.admin-monitoring .is-healthy { color:var(--monitoring-good); }
.admin-monitoring .is-degraded { color:var(--monitoring-warning); }
.admin-monitoring :is(.is-outage,.needs-attention) { color:var(--monitoring-bad); }
.admin-monitoring :is(.is-stale,.is-unknown) { color:var(--monitoring-muted); }
.admin-monitoring .monitoring-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.admin-monitoring .monitoring-card { min-width:0; padding:1.1rem; background:var(--monitoring-soft); border:1px solid var(--monitoring-border); border-radius:10px; }
.admin-monitoring .monitoring-card h3 { margin:0 0 .6rem; color:var(--monitoring-muted); font-size:.75rem; font-weight:650; letter-spacing:0; }
.admin-monitoring :is(.monitoring-health-value,.monitoring-service-value) { display:block; font-size:1.05rem; line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
.admin-monitoring .monitoring-card p { margin:.5rem 0 0; font-size:.75rem; line-height:1.65; color:var(--monitoring-muted); }
.admin-monitoring .monitoring-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; padding-top:.9rem; margin:.9rem 0 0; border-top:1px solid var(--monitoring-border); }
.admin-monitoring :is(dt,.monitoring-detail-note) { color:var(--monitoring-muted); font-size:.6875rem; line-height:1.6; }
.admin-monitoring .monitoring-counts dd { margin:.2rem 0 0; font-size:1.05rem; font-weight:650; font-variant-numeric:tabular-nums; }
.admin-monitoring .monitoring-separation-note { margin:1rem 0; padding:.75rem 1rem; background:var(--monitoring-soft); border-left:3px solid #14658e; border-radius:0 6px 6px 0; color:var(--monitoring-muted); font-size:.75rem; }
.admin-monitoring .monitoring-timestamps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding-bottom:1.25rem; margin:0; border-bottom:1px solid var(--monitoring-border); }
.admin-monitoring .monitoring-timestamps dd { margin:.25rem 0 0; font-size:.75rem; overflow-wrap:anywhere; }
.admin-monitoring .monitoring-history-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.5rem; padding-top:1.25rem; }
.admin-monitoring .monitoring-history-grid>section { min-width:0; }
.admin-monitoring .monitoring-history-grid h3 { margin:0 0 .75rem; font-size:.9375rem; }
.admin-monitoring :is(.monitoring-issues,.monitoring-incidents) { list-style:none; padding:0; margin:0; display:grid; gap:.6rem; }
.admin-monitoring :is(.monitoring-issues,.monitoring-incidents) li { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:.5rem 1rem; padding:.75rem; background:var(--monitoring-soft); border:1px solid var(--monitoring-border); border-radius:8px; font-size:.75rem; overflow-wrap:anywhere; }
.admin-monitoring .monitoring-incidents li>div { display:grid; gap:.2rem; }
.admin-monitoring :is(.monitoring-incidents span,.monitoring-incidents time,.monitoring-empty) { color:var(--monitoring-muted); font-size:.75rem; }
.admin-monitoring code { color:var(--monitoring-muted); font-size:.6875rem; white-space:normal; overflow-wrap:anywhere; }
.admin-monitoring .monitoring-empty { margin:0; line-height:1.65; }
@media(max-width:1050px) { .admin-monitoring .monitoring-cards { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .admin-monitoring { padding:1rem; } .admin-monitoring .monitoring-heading { flex-direction:column; } .admin-monitoring :is(.monitoring-timestamps,.monitoring-history-grid) { grid-template-columns:minmax(0,1fr); } }
@media(prefers-color-scheme:dark) { .admin-monitoring { --monitoring-surface:#19232d; --monitoring-soft:#202e3a; --monitoring-border:#3c4d5d; --monitoring-ink:#e9f1f8; --monitoring-muted:#b6c6d6; --monitoring-good:#8bdeb1; --monitoring-warning:#f0cb80; --monitoring-bad:#ffacb4; } }