From d8b091361254072bd8afe8bd45ad6b775eb286f4 Mon Sep 17 00:00:00 2001
From: Zac Gaetano <zgaetano@wilddragon.net>
Date: Sat, 4 Apr 2026 22:51:39 -0400
Subject: [PATCH] Update frontend/src/App.css

---
 frontend/src/App.css | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index f036fb1..06bbf3a 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -659,3 +659,40 @@ body {
 }
 .nav-btn:hover { color: #fff; border-color: rgba(255,255,255,0.3); }
 .nav-btn.active { color: #fff; background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); }
+
+/* ====== Auth ====== */
+.auth-badge { display: flex; align-items: center; }
+.auth-ok { color: #86efac; font-size: 0.85rem; font-weight: 500; }
+.auth-pending { color: #fde68a; font-size: 0.85rem; }
+.auth-login-btn {
+  background: rgba(255,255,255,0.15);
+  border: 1px solid rgba(255,255,255,0.35);
+  border-radius: 6px;
+  color: #fff;
+  font-size: 0.82rem;
+  font-weight: 500;
+  padding: 0.3rem 0.8rem;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.auth-login-btn:hover { background: rgba(255,255,255,0.25); }
+
+.auth-panel {
+  border-radius: 8px;
+  overflow: hidden;
+}
+.auth-connected, .auth-pending-panel, .auth-disconnected {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem;
+  border-radius: 8px;
+}
+.auth-connected { background: #f0fdf4; border: 1px solid #bbf7d0; }
+.auth-pending-panel { background: #fffbeb; border: 1px solid #fde68a; }
+.auth-disconnected { background: #fef2f2; border: 1px solid #fecaca; }
+.auth-icon { font-size: 1.5rem; flex-shrink: 0; }
+.auth-title { font-weight: 600; font-size: 0.95rem; color: var(--color-text); }
+.auth-sub { font-size: 0.82rem; color: var(--color-secondary); margin-top: 0.15rem; }
+.auth-url-link { font-size: 0.85rem; color: var(--color-primary); margin-top: 0.25rem; display: inline-block; }
+.btn-sm { padding: 0.3rem 0.75rem; font-size: 0.82rem; margin-left: auto; }