.system-monitoring-hero{display:flex;align-items:center;justify-content:space-between;gap:22px}.system-live{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:190px;padding:12px 15px;border:1px solid #ffffff4d;border-radius:14px;background:#071b4447}.system-live i{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:#51e6ac;box-shadow:0 0 0 6px #51e6ac26;animation:monitor-pulse 1.8s infinite}.system-live span{font-weight:850}.system-live small{color:#d9e6ff}.system-monitoring-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.system-monitoring-summary article{display:grid;gap:6px}.system-monitoring-summary span,.system-monitoring-summary small{color:var(--muted)}.system-monitoring-summary b{font-size:1.35rem}.system-monitoring-summary .monitor-correcto b{color:#31cb98}.system-monitoring-summary .monitor-con_observaciones b{color:#eeb64d}.system-monitoring-summary .monitor-bloqueado b{color:#ff7180}.system-monitoring-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px}.system-monitoring-grid>.card{min-height:300px}.system-latency-chart{display:grid;grid-template-columns:48px minmax(0,1fr);height:220px;margin-top:18px}.latency-scale{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.68rem}.latency-bars{display:flex;align-items:flex-end;gap:6px;height:100%;padding:8px 8px 24px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,color-mix(in srgb,var(--border) 55%,transparent) 49px)}.latency-bar-wrap{position:relative;display:flex;align-items:flex-end;flex:1;height:100%}.latency-bar{display:block;width:100%;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#5aa1ff,#2767eb);transition:height .35s ease}.latency-bar.critical{background:linear-gradient(180deg,#ff8f83,#db4558)}.latency-bar-wrap small{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted);font-size:.62rem}.system-monitoring-distribution>div:last-child{display:grid;place-items:center;gap:20px}.system-donut{display:grid;place-items:center;width:155px;height:155px;border-radius:50%;background:conic-gradient(#31cb98 0 var(--correct-end),#eeb64d var(--correct-end) var(--warning-end),#ff7180 var(--warning-end) 360deg);box-shadow:inset 0 0 0 1px var(--border)}.system-donut>div{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:var(--surface)}.system-donut b{font-size:1.35rem}.system-donut small{color:var(--muted)}.system-donut-legend{display:grid!important;place-items:stretch!important;width:100%;gap:8px!important}.system-donut-legend span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.system-donut-legend i{width:9px;height:9px;border-radius:50%}.system-donut-legend .ok{background:#31cb98}.system-donut-legend .warning{background:#eeb64d}.system-donut-legend .blocked{background:#ff7180}.system-monitoring-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monitor-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px}.monitor-check>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#153d35;color:#58ddb0;font-style:normal;font-weight:900}.monitor-check>div{display:grid;gap:3px}.monitor-check p{margin:0;color:var(--muted)}.monitor-check>span{font-size:.66rem;font-weight:850;color:#58ddb0}.monitor-check.monitor-advertencia>i{background:#57341d;color:#ffd08a}.monitor-check.monitor-advertencia>span{color:#ffd08a}.monitor-check.monitor-bloqueado>i{background:#4b202a;color:#ff8e98}.monitor-check.monitor-bloqueado>span{color:#ff8e98}@keyframes monitor-pulse{50%{box-shadow:0 0 0 10px #51e6ac0a}}@media(max-width:1050px){.system-monitoring-summary{grid-template-columns:repeat(2,1fr)}.system-monitoring-grid{grid-template-columns:1fr}.system-monitoring-checks{grid-template-columns:1fr}}@media(max-width:620px){.system-monitoring-hero{align-items:stretch;flex-direction:column}.system-live{min-width:0}.system-monitoring-summary{grid-template-columns:1fr}.monitor-check{grid-template-columns:auto minmax(0,1fr)}.monitor-check>span{grid-column:2}.latency-bars{gap:3px}}