.ub-status-analytics { margin:22px 0; min-width:0; }
.ub-status-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:16px; }
.ub-status-title h2 { margin:4px 0; font-size:21px; color:#193852; letter-spacing:-.025em; }
.ub-status-title p { margin:0; color:#728499; font-size:12px; }
.ub-status-coverage { white-space:nowrap; background:#eaf4fb; color:#266c92; padding:7px 12px; border:1px solid #d4e7f4; border-radius:7px; font-size:11px; font-weight:700; }
.ub-status-layout { display:grid; grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr); gap:18px; }
body .ub-status-layout .panel { margin:0; overflow:hidden; }
.ub-status-layout .panel-heading h3 { margin:0; font-size:14px; color:#29445e; }
.ub-status-donut { position:relative; width:184px; height:184px; border-radius:50%; margin:30px auto 25px; padding:15px; box-sizing:border-box; }
.ub-status-donut > svg { position:absolute; inset:0; width:184px; height:184px; }
.ub-status-donut > div { height:100%; border-radius:50%; background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow:0 0 0 5px #fff; }
.ub-status-donut strong { font-size:29px; color:#173b56; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.ub-status-donut span { font-size:10px; color:#718398; max-width:110px; text-align:center; }
.ub-status-key { margin:0 22px 20px; }
.ub-status-key > div { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #edf1f6; gap:10px; }
.ub-status-key dt { font-size:12px; color:#64798d; display:flex; align-items:center; gap:8px; }
.ub-status-key dd { margin:0; font-size:14px; font-weight:700; color:#26425b; font-variant-numeric:tabular-nums; }
.ub-status-dot { display:inline-block; width:9px; height:9px; border-radius:3px; }
.ub-status-dot.enabled { background:#258bab; }.ub-status-dot.disabled { background:#e1e8f0; }
.ub-status-footnote { padding:0 22px 18px; margin:12px 0 0; color:#7b8b9c; font-size:10px; line-height:1.6; }
.ub-status-portal-list { padding:2px 22px; }
.ub-status-portal-row { padding:15px 0; border-bottom:1px solid #edf1f6; }
.ub-status-portal-row:last-child { border:0; }
.ub-status-portal-label { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ub-status-portal-label strong { font-size:12px; color:#294963; }
.ub-status-portal-label > span { font-size:11px; color:#6f8496; font-variant-numeric:tabular-nums; }
.ub-status-track { display:block; width:100%; height:6px; margin:10px 0; border-radius:5px; overflow:hidden; }
.ub-status-track > span { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#5bb9c9,#227caa); }
.ub-status-portal-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; }
.ub-status-portal-values > div { display:flex; justify-content:space-between; align-items:center; gap:5px; }
.ub-status-portal-values dt { font-size:10px; color:#8090a0; }
.ub-status-portal-values dd { margin:0; color:#35536b; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.ub-status-warning { padding:12px 15px; border:1px solid #ead398; border-radius:8px; background:#fff9ea; color:#816119; font-size:12px; }
@media(max-width:1100px) { .ub-status-layout { grid-template-columns:minmax(0,1fr); } .ub-status-portal-values > div { justify-content:flex-start; gap:8px; } }
@media(max-width:700px) { .ub-status-title { align-items:flex-start; } .ub-status-title h2 { font-size:19px; } .ub-status-portal-values > div { flex-direction:column; align-items:flex-start; gap:2px; } .ub-status-portal-list { padding:2px 16px; } }