-
Bypassed (fail-open):
-
0
+
diff --git a/web/style.css b/web/style.css
index 16577f0..59ae358 100644
--- a/web/style.css
+++ b/web/style.css
@@ -121,15 +121,33 @@ section {
color: #00b894;
}
-.stat-row {
- display: flex;
- justify-content: space-between;
- padding: 6px 0;
- border-bottom: 1px solid #f0f0f5;
+/* WAF Status Indicator */
+.status-panel h2 {
+ margin-top: 0;
}
-.stat-row:last-child { border-bottom: none; }
-.stat-label { color: #636e72; }
-.stat-value { font-weight: 600; }
-.stat-value.ok { color: #00b894; }
-.stat-value.warn { color: #e17055; }
-.stat-value.off { color: #b2bec3; }
+
+.status-indicator {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 14px 18px;
+ border-radius: 6px;
+ font-size: 15px;
+ font-weight: 600;
+}
+
+.status-dot {
+ width: 14px;
+ height: 14px;
+ border-radius: 50%;
+ display: inline-block;
+ flex-shrink: 0;
+}
+
+.status-dot.ok { background: #00b894; box-shadow: 0 0 6px rgba(0,184,148,0.4); }
+.status-dot.warn { background: #e17055; box-shadow: 0 0 6px rgba(225,112,85,0.4); }
+.status-dot.off { background: #b2bec3; }
+
+[data-state="ENABLED"] { background: #e6faf3; color: #00b894; }
+[data-state="FAILED"] { background: #fde8e2; color: #e17055; }
+[data-state="DISABLED"] { background: #f0f0f5; color: #636e72; }