.capacity-summary{margin-top:10px;padding:8px 10px;border-radius:8px;background:linear-gradient(135deg,#eaf2fc88,#ffffff88);color:#718baa;font-size:10px}.capacity-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;line-height:1.8}.capacity-summary strong{font-weight:500;font-variant-numeric:tabular-nums;color:#577593;white-space:nowrap}.capacity-summary small{display:block;text-align:right;color:#8ca1b9;font-size:9px;margin-top:2px}.stale .capacity-summary{opacity:.75}@media(max-width:480px){.capacity-summary{padding:6px 7px;font-size:9px}.capacity-summary>div{flex-wrap:wrap;gap:0 4px}.capacity-summary small{font-size:8px}}
.cloud-detail{margin:9px 0;padding:8px 0 3px;border-top:1px dashed #ccdaec;color:#718baa;font-size:10px}.cloud-heading,.cloud-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;line-height:1.9;flex-wrap:wrap}.cloud-heading{font-size:9px;color:#8b9eb6;margin-bottom:3px}.cloud-row strong{font-size:10px;font-weight:500;color:#577593;font-variant-numeric:tabular-nums}.cloud-caption{font-size:9px;margin-top:4px}.server-card .cloud-warning{color:#ba8564}.cloud-stale .cloud-heading{color:#ba8564}.server-card progress[data-bar=traffic]::-webkit-progress-value{background:#91aecf}.server-card progress[data-bar=traffic][hidden]{display:none}@media(max-width:480px){.cloud-detail{font-size:9px}.cloud-row strong{font-size:9px}.cloud-heading,.cloud-caption{font-size:8px}}
.activity-panel{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0;padding:16px 20px;border:1px solid #cedef080;border-radius:16px;background:#ffffff99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #668dc208}
.activity-item{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:240px}.activity-item>div{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline}.activity-item strong{font-size:13px;color:#3c5571}.activity-item span{font-size:12px;color:#5c7390}.activity-item small{flex-basis:100%;font-size:11px;color:#72859b;line-height:1.7;overflow-wrap:anywhere}
.activity-dot{display:block;width:7px;height:7px;border-radius:50%;background:#a8b4c1;margin-top:7px;flex-shrink:0}.activity-dot[data-state=success]{background:#68aa91}.activity-dot[data-state=running]{background:#6a9ed3;animation:status-breathe 1.8s ease-in-out infinite}.activity-dot[data-state=failed],.activity-dot[data-state=stalled],.activity-dot[data-state=stale]{background:#d49a78}
.chart-wrap{position:relative}.chart-tooltip{position:absolute;top:7px;right:9px;z-index:2;padding:10px 13px;min-width:145px;border:1px solid #c7d9ef;border-radius:12px;background:#f8fbfff2;box-shadow:0 5px 18px #5775931a;pointer-events:none;font-size:12px;color:#486581;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chart-tooltip[hidden]{display:none}.chart-tooltip strong,.chart-tooltip span,.chart-tooltip small{display:block}.chart-tooltip strong{font-size:11px;margin-bottom:5px}.chart-tooltip span{line-height:1.8}.chart-tooltip small{font-size:10px;color:#8a9cad;margin-top:4px}#trend-chart{touch-action:pan-y}#trend-chart:focus-visible{outline:2px solid #93b9e6;outline-offset:3px;border-radius:8px}
@keyframes status-breathe{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.activity-dot[data-state=running]{animation:none}}@media(max-width:480px){.activity-panel{gap:14px;padding:13px 15px}.activity-item{min-width:0;flex-basis:100%}.chart-tooltip{padding:7px 9px;min-width:130px;font-size:11px}}