.monitor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.monitor-metrics button{background:#fff;border:1px solid #d4e1d6;border-radius:12px;text-align:left;padding:20px;color:#18383b;cursor:pointer;font:inherit}.monitor-metrics button[aria-pressed=true]{border-color:#4c7860;box-shadow:inset 0 0 0 1px #4c7860;background:#f0f6e8}.monitor-metrics strong,.monitor-metrics span{display:block}.monitor-metrics strong{font-size:30px;font-weight:650;margin-bottom:7px}.monitor-metrics span{font-size:12px;color:#50695c}.monitor-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:end;margin-bottom:22px}.monitor-badge{display:inline-block;font-size:11px;font-weight:600;line-height:1.5;border-radius:6px;padding:5px 8px;background:#edf0ec;color:#495b50;white-space:normal}.monitor-online,.monitor-clear{background:#e8f3e5;color:#28562d}.monitor-offline,.monitor-active{background:#fbe8e2;color:#9a3423}.monitor-unknown,.monitor-disabled{background:#fff2d5;color:#785419}.monitor-table th,.monitor-table td{padding:16px 10px;vertical-align:top}.monitor-table th[scope=row]{font-weight:600;min-width:155px}.monitor-table small{display:block;font-weight:400;color:#5b7064;font-size:11px;line-height:1.6;margin-top:5px}.monitor-table td{min-width:120px}.monitor-table td:last-child{min-width:100px}.monitor-table .btn{font-size:11px;padding:8px 11px;min-height:40px}.monitor-table caption{text-align:left;font-size:12px;color:#5b7064;padding-bottom:12px}.monitor-empty{text-align:center;padding:28px 12px}.monitor-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 28px}.monitor-facts dt{font-size:12px;color:#5b7064;margin-bottom:7px}.monitor-facts dd{margin:0;font-size:14px}.monitor-history{margin-top:24px;border-top:1px solid #dae4d9;padding-top:20px}.monitor-history summary{cursor:pointer;font-weight:600}.monitor-history ol{padding:0;list-style:none}.monitor-history li{display:grid;grid-template-columns:165px 1fr;gap:18px;border-bottom:1px solid #e5ece2;padding:14px 0;font-size:13px}.monitor-history time{font-size:12px;color:#5b7064}.monitor-detail li p{font-size:12px;margin:6px 0 0}.monitor-detail h2:focus{outline:2px solid #728d41;outline-offset:6px}.monitor-panel{padding-bottom:14px}@media(max-width:900px){.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-toolbar{grid-template-columns:1fr}.monitor-panel{padding:18px}.monitor-facts{grid-template-columns:1fr}.monitor-history li{grid-template-columns:1fr;gap:5px}}