From 565fac12eddf4fd4d00747c9b302eca1a476bf35 Mon Sep 17 00:00:00 2001
From: SDI <b24014@hanmaceng.co.kr>
Date: Wed, 1 Jul 2026 14:53:57 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=95=84=EC=9B=83=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=B0=8F=20=EB=A1=9C=EC=A7=81=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20css=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/common.css | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/styles/common.css b/src/styles/common.css
index 321415a..a136aa7 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -102,6 +102,14 @@ input, textarea {
   justify-content: space-between;
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex-shrink: 0;
+  margin-left: 1rem;
+}
+
 .brand { display: flex; align-items: center; gap: 0.75rem; }
 .main-logo { height: clamp(28px, 4vmin, 40px); width: auto; }
 .brand h1 { font-size: clamp(0.85rem, 1.4vmin, 1.05rem); font-weight: 600; color: var(--text-main); }
@@ -175,7 +183,8 @@ input, textarea {
 }
 
 /* --- Role Toggle Switch --- */
-.role-toggle-wrapper {
+.role-toggle-wrapper,
+.role-switcher {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -197,20 +206,23 @@ input, textarea {
   font-weight: 700;
 }
 
-.role-toggle {
+.role-toggle,
+.switch {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 20px;
 }
 
-.role-toggle input {
+.role-toggle input,
+.switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 
-.role-slider {
+.role-slider,
+.slider {
   position: absolute;
   cursor: pointer;
   top: 0;
@@ -222,7 +234,8 @@ input, textarea {
   border-radius: 20px;
 }
 
-.role-slider:before {
+.role-slider:before,
+.slider:before {
   position: absolute;
   content: "";
   height: 16px;
@@ -235,11 +248,13 @@ input, textarea {
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
 
-input:checked + .role-slider {
+.role-toggle input:checked + .role-slider,
+.switch input:checked + .slider {
   background-color: var(--primary);
 }
 
-input:checked + .role-slider:before {
+.role-toggle input:checked + .role-slider:before,
+.switch input:checked + .slider:before {
   transform: translateX(20px);
 }