From 5571768706cf0e79c394a459b04abfc2a6e9206a Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Wed, 27 May 2026 19:31:16 -0400
Subject: [PATCH] feat(panel): add .connected-bar CSS for compact connected
 state

---
 services/premiere-plugin/css/styles.css | 30 +++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/services/premiere-plugin/css/styles.css b/services/premiere-plugin/css/styles.css
index 4f953b4..e68151c 100644
--- a/services/premiere-plugin/css/styles.css
+++ b/services/premiere-plugin/css/styles.css
@@ -1245,6 +1245,36 @@ select option { background: var(--bg-surface); color: var(--text-primary); }
   .slide-panel { width: 100%; }
 }
 
+/* ================================================================
+   CONNECTED BAR
+   ================================================================ */
+
+.connected-bar {
+  background: var(--bg-panel);
+  border-bottom: 1px solid var(--border);
+  padding: 0 var(--sp-3);
+  height: 36px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.connected-bar-status {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+}
+
+.connected-host {
+  font: 500 12px/1 var(--font-mono);
+  color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 180px;
+}
+
 /* ================================================================
    SKELETON SHIMMER
    ================================================================ */