.notice-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(105deg,#edf8f0,#fff);border:1px solid #cde7d7;border-radius:13px;padding:16px 19px;margin:0 0 20px}
.notice-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;background:#cce9d4;color:#176541;font-size:20px;flex-shrink:0}
.notice-message{flex:1;min-width:0}.notice-message strong{font-size:12px;color:#193d2c}.notice-message p{font-size:11px;color:#628270;margin:5px 0 0;line-height:1.45}
.notice-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.notice-actions .secondary-btn{font-size:11px;padding:9px 12px;white-space:nowrap}
.monitor-explain{background:#edf5ee;border:1px solid #d9e8de;border-radius:12px;padding:14px 17px;font-size:12px;color:#536a5b;line-height:1.65;margin-bottom:23px}
.monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.monitor-card{background:white;border:1px solid #e3e9e1;border-radius:14px;padding:21px;min-width:0}
.monitor-card-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:24px}.monitor-card-head>span:first-child{font-weight:750;font-size:12px;color:#496151}
.health-pill{font-size:10px;font-weight:750;border-radius:99px;padding:5px 9px;white-space:nowrap}.health-pill.up{background:#e2f5e9;color:#1d7550}.health-pill.down{background:#fff1eb;color:#a7412e}.health-pill.unknown{background:#edf1ee;color:#6b7771}
.monitor-percent{font-size:36px;letter-spacing:-.06em;color:#183828;display:block}.monitor-card>p{font-size:11px;color:#768b7d;margin:7px 0 20px}
.monitor-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;border-top:1px solid #edf1ed;padding-top:15px;color:#6c8775;font-size:10px}
.monitor-card .monitor-error{font-size:10px;color:#9a4434;margin:8px 0 0;overflow-wrap:anywhere}
.monitor-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.monitor-content .data-card{min-width:0}.monitor-entries{max-height:445px;overflow:auto;padding-right:3px}
.monitor-entry{border-bottom:1px solid #eef2ed;padding:14px 0}.monitor-entry:last-child{border:0}.monitor-entry strong{display:block;font-size:12px;color:#304c3b}.monitor-entry p{font-size:10px;color:#7c9184;margin:5px 0 0;line-height:1.55;overflow-wrap:anywhere}.monitor-entry.bad{border-left:3px solid #d26a48;padding-left:10px}.monitor-entry.resolved{border-left:3px solid #51a579;padding-left:10px}.monitor-entry.clear strong{color:#5d7c66}
.monitor-entry .small-btn{font-size:10px;padding:8px 11px;margin-top:9px}.monitor-ack{display:block;color:#4b8360;margin-top:7px}
.monitor-footer-note{font-size:11px;color:#758d7d;line-height:1.7;margin:24px 0 0}.monitor-footer-note a{color:#16764c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.monitor-summary,.monitor-content{grid-template-columns:1fr}.notice-banner{align-items:flex-start;flex-wrap:wrap}.notice-message{flex:1;min-width:190px}.notice-actions{width:100%}.notice-actions button{flex:1;justify-content:center}.monitor-card{padding:17px}.monitor-card-head{margin-bottom:14px}}