.ultraguard-uptime-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    border-radius: 14px;
    font-size: 20px;
}

.ultraguard-uptime-status-up {
    background: #ecfdf3;
    color: #166534;
}

.ultraguard-uptime-status-down {
    background: #fef3f2;
    color: #b42318;
}

.ultraguard-uptime-status-degraded {
    background: #fffaeb;
    color: #92400e;
}

.ultraguard-uptime-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: currentColor;
    animation: ultraguardPulse 1.4s ease-in-out infinite;
}

@keyframes ultraguardPulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.18); opacity: 0.55; }
    100% { transform: scale(1); opacity: 1; }
}

/* ── Uptime Monitor — mobile ────────────────────────────────── */
@media screen and (max-width: 782px) {
  .ultraguard-uptime-status {
    width: 100%;
    justify-content: center;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 10px;
  }

  .ultraguard-uptime-dot {
    width: 10px;
    height: 10px;
  }
}
