.monitor-panel {
  margin-top: 18px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(116, 239, 207, .38);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(10, 31, 50, .94), rgba(3, 13, 24, .97));
  box-shadow: 0 22px 65px rgba(0, 0, 0, .2);
}
.monitor-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.monitor-heading h2 { max-width: 850px; }
.monitor-boundary { max-width: 1000px; color: #c4d6e2; font-size: .82rem; }
.monitor-status { margin: 17px 0; padding: 11px 14px; border: 1px solid rgba(244, 191, 80, .4); border-radius: 10px; color: var(--amber); background: rgba(95, 63, 12, .1); font-size: .78rem; }
.monitor-status[data-state="ready"] { border-color: rgba(130, 229, 165, .48); color: var(--green); background: rgba(30, 104, 59, .1); }
.monitor-status[data-state="error"] { border-color: rgba(255, 138, 124, .48); color: var(--red); background: rgba(120, 38, 29, .1); }
.monitor-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.monitor-grid article { padding: 15px; border: 1px solid rgba(101, 221, 255, .2); border-radius: 12px; background: rgba(2, 12, 21, .52); }
.monitor-grid span, .monitor-grid b, .monitor-grid small { display: block; }
.monitor-grid span { color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.monitor-grid b { margin: 7px 0 5px; font-size: .9rem; }
.monitor-grid small { color: var(--muted); font-size: .69rem; }
.monitor-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.monitor-finding { padding: 12px; border: 1px solid rgba(101, 221, 255, .15); border-radius: 10px; background: rgba(2, 12, 21, .45); }
.monitor-finding b, .monitor-finding small { display: block; }
.monitor-finding small { margin-top: 4px; color: var(--muted); font-size: .68rem; }
@media (max-width: 980px) { .monitor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .monitor-heading { display: grid; } .monitor-grid, .monitor-findings { grid-template-columns: 1fr; } }