From 36b820614dca67549f4f2492502c64f261061ae0 Mon Sep 17 00:00:00 2001
From: hyunho <hyunho@local>
Date: Wed, 25 Mar 2026 12:59:53 +0900
Subject: [PATCH] =?UTF-8?q?=ED=83=AD=20=ED=91=9C=EC=8B=9C=20=EC=A0=9C?=
 =?UTF-8?q?=EC=96=B4=20=EB=B0=8F=20=ED=97=A4=EB=8D=94=20=EC=A4=91=EC=95=99?=
 =?UTF-8?q?=20=EC=A0=95=EB=A0=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/public/app.js     |  2 ++
 frontend/public/styles.css | 30 +++++++++++++++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/frontend/public/app.js b/frontend/public/app.js
index e533c0f..a262f4c 100755
--- a/frontend/public/app.js
+++ b/frontend/public/app.js
@@ -51,9 +51,11 @@ function setActiveView(view) {
   const isOrganization = currentView === "organization";
   if (organizationStage) {
     organizationStage.hidden = !isOrganization;
+    organizationStage.style.display = isOrganization ? "flex" : "none";
   }
   if (emptyStage) {
     emptyStage.hidden = isOrganization;
+    emptyStage.style.display = isOrganization ? "none" : "flex";
   }
 
   if (isOrganization && previousView !== "organization" && organizationFrame) {
diff --git a/frontend/public/styles.css b/frontend/public/styles.css
index 433d46f..e0471b2 100644
--- a/frontend/public/styles.css
+++ b/frontend/public/styles.css
@@ -153,10 +153,9 @@
   background: rgba(255, 255, 255, 0.94);
   color: var(--color-text);
   border-bottom: 1px solid #d7dee8;
-  display: grid;
-  grid-template-columns: auto 1fr auto;
+  display: flex;
   align-items: center;
-  gap: 16px;
+  justify-content: space-between;
   padding: 10px 22px;
   position: sticky;
   top: 0;
@@ -164,6 +163,12 @@
   backdrop-filter: blur(12px);
 }
 
+.brand-block,
+.header-actions {
+  position: relative;
+  z-index: 2;
+}
+
 .dashboard-header .eyebrow {
   color: var(--color-accent);
   margin-bottom: 2px;
@@ -177,10 +182,15 @@
 }
 
 .header-center {
-  display: flex;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  display: inline-flex;
   justify-content: center;
   gap: 8px;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  z-index: 1;
 }
 
 .nav-pill {
@@ -320,12 +330,18 @@
 
 @media (max-width: 1180px) {
   .dashboard-header {
-    grid-template-columns: 1fr;
-    align-items: flex-start;
+    flex-wrap: wrap;
+    justify-content: space-between;
   }
 
   .header-center {
+    position: static;
+    transform: none;
+    order: 3;
+    width: 100%;
     justify-content: flex-start;
+    margin-top: 8px;
+    overflow-x: auto;
   }
 
   .header-actions {