/* Status Grid */
.status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 60px; }
.status-card { background: #0d0d0d; border: 1px solid #1a1a1a; padding: 25px; }

/* Badges */
.badge { font-size: 0.6rem; padding: 4px 8px; border-radius: 2px; font-weight: bold; }
.online { background: #0a140a; color: #00ff41; border: 1px solid #00ff41; }
.degraded { background: #1a140a; color: #d4af37; border: 1px solid #d4af37; }

/* Status Summary */
.summary-card { text-align: center; padding: 30px; border: 1px solid var(--gold); margin-bottom: 40px; }
.summary-card p { font-size: 2rem; color: #00ff41; font-family: 'Courier New', monospace; }

/* Badge: Development */
.dev { 
    background: #14141a; 
    color: #6a5acd; /* Slate Blue for "Development" */
    border: 1px solid #6a5acd; 
}