.live-dashboard{background:#071b24;color:#ecfeff;border-radius:18px;padding:24px;min-height:620px;box-shadow:0 18px 50px #071b2430}.live-dashboard:fullscreen{overflow:auto;border-radius:0;padding:34px;min-height:100vh}.live-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.live-dashboard-head h2{font-size:clamp(25px,3vw,38px);margin:5px 0}.live-dashboard-head p{margin:0;color:#94aeb8}.projection-button{background:#d9f7f1;color:#093d43}.live-overview{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px;margin-bottom:20px}.live-overview article{background:#0c2934;border:1px solid #1c4653;border-radius:14px;padding:17px}.live-overview span{display:block;color:#98b7c1;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.live-overview strong{display:block;font-size:25px;margin-top:8px}.live-overview .overall{border-left:7px solid #64748b}.live-overview .overall.ok{background:#073d31;border-color:#12c887}.live-overview .overall.fail{background:#4b1719;border-color:#ef4444}.live-overview .time-value{font-size:17px;margin-top:13px}.live-services{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:15px}.live-service{display:flex;gap:14px;background:#0c2934;border:1px solid #1d4552;border-radius:15px;padding:17px;min-height:175px;transition:transform .2s,border-color .2s}.live-service:hover{transform:translateY(-2px)}.service-light{width:17px;height:17px;border-radius:50%;flex:0 0 17px;margin-top:3px;box-shadow:0 0 0 7px #ffffff0c}.live-service.ok{border-color:#147d61}.live-service.ok .service-light{background:#19d991;box-shadow:0 0 18px #19d991}.live-service.fail{background:#32171b;border-color:#b83b43}.live-service.fail .service-light{background:#ff4d58;box-shadow:0 0 20px #ff4d58}.service-main{min-width:0;flex:1}.service-top{display:flex;justify-content:space-between;gap:8px}.service-top span{font-size:10px;color:#8eabb5;text-transform:uppercase;letter-spacing:.06em}.service-top strong{font-size:11px;color:#dffdf5}.live-service.fail .service-top strong{color:#ffb3b7}.service-main h3{font-size:20px;margin:15px 0 5px}.service-main>p{color:#91acb5;margin:0;overflow-wrap:anywhere}.service-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.service-meta span{font-size:11px;background:#ffffff0c;border-radius:5px;padding:5px 7px;color:#b7ccd3}.live-error{background:#541b1e;border:1px solid #c9444d;color:#ffd8da;padding:13px;border-radius:9px;margin-bottom:15px}.live-footnote{color:#88a6b0;font-size:12px;margin:18px 0 0}.live-dashboard:fullscreen .live-services{grid-template-columns:repeat(4,minmax(230px,1fr))}@media(max-width:1050px){.live-overview{grid-template-columns:repeat(2,1fr)}.live-services{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.live-dashboard{padding:15px}.live-dashboard-head{align-items:flex-start;flex-direction:column}.live-overview,.live-services{grid-template-columns:1fr}.projection-button{width:100%}}