.ocp-live .ocp-uptime{background:#0e191f;color:#eaf8f1;border:1px solid #2a624c;border-radius:20px;padding:clamp(22px,4vw,38px);margin:28px 0;box-shadow:0 18px 45px rgba(0,30,22,.14)}.ocp-live .ocp-uptime-head{display:flex;justify-content:space-between;gap:22px;align-items:start}.ocp-live .ocp-uptime h2{color:#fff!important;font-size:32px;margin:8px 0}.ocp-live .ocp-uptime a{color:#b8d8c9}.ocp-live .ocp-live-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:#39dd83;box-shadow:0 0 0 6px rgba(57,221,131,.12);margin-right:13px}.ocp-live .ocp-uptime.down .ocp-live-dot{background:#ff5b64;box-shadow:0 0 0 6px rgba(255,91,100,.12)}.ocp-live .ocp-uptime.warning .ocp-live-dot,.ocp-live .ocp-uptime.paused .ocp-live-dot{background:#f5b942}.ocp-live .ocp-last{text-align:right;color:#88a198;font-size:12px}.ocp-live .ocp-last strong,.ocp-live .ocp-last small{display:block;color:#d4e8df}.ocp-live .ocp-uptime-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a3b3f;border-radius:13px;overflow:hidden;margin:25px 0}.ocp-live .ocp-uptime-stats>div{background:#17242a;padding:18px}.ocp-live .ocp-uptime-stats small,.ocp-live .ocp-uptime-stats strong{display:block}.ocp-live .ocp-uptime-stats small{color:#91aaa0}.ocp-live .ocp-uptime-stats strong{color:#4ee18e;font-size:22px;margin-top:5px}.ocp-live .ocp-response-bars{height:70px;display:flex;gap:5px;align-items:flex-end;border-bottom:1px solid #34464a;padding:8px}.ocp-live .ocp-response-bars i{display:block;flex:1;height:var(--h);min-width:3px;background:linear-gradient(#4ee18e,#238d58);border-radius:3px 3px 0 0}.ocp-live .ocp-no-data{color:#91aaa0}.ocp-live .ocp-monitor-note{color:#799289!important;font-size:12px;margin-bottom:0}.ocp-live .ocp-uptime.error{border-color:#a47935}.ocp-live .ocp-uptime.error p{color:#d8c195!important}@media(max-width:720px){.ocp-live .ocp-uptime-stats{grid-template-columns:1fr 1fr}.ocp-live .ocp-uptime-head{display:block}.ocp-live .ocp-last{text-align:left;margin-top:14px}}