v4.0.0: 헤더 로고 크기 brand.css로 통일

페이지마다 흩어져 있던 로고 스타일을 brand.css 단일 정의(32px)로 모아 전 화면에서 동일하게 표시되도록 수정했다.

Co-authored-by: Cursor <cursoragent@cursor.com>

style/admin.css

@@ -2,6 +2,8 @@
  * 관리자 페이지 (admin.html)
  */
 
+@import './brand.css';
+
 .admin-page {
     font-family: 'Inter', 'Noto Sans KR', sans-serif;
     min-height: 100vh;
@@ -29,18 +31,8 @@
 }
 
 .admin-brand {
-    display: inline-flex;
-    align-items: center;
     gap: 0.625rem;
-    text-decoration: none;
     letter-spacing: -0.025em;
-    line-height: 0;
-}
-
-.admin-brand .app-brand-logo {
-    height: 2rem;
-    width: auto;
-    display: block;
 }
 
 .admin-brand-label {

style/app-shell.css

@@ -3,6 +3,8 @@
  * index.html, cardList.html 과 동일한 콘텐츠 최대 너비 기준
  */
 
+@import './brand.css';
+
 :root {
     --app-max-width: 80rem; /* 1280px — Tailwind max-w-7xl */
     --app-gutter: 1.5rem;
@@ -37,19 +39,6 @@
     gap: 1rem;
 }
 
-.app-brand {
-    display: inline-flex;
-    align-items: center;
-    text-decoration: none;
-    line-height: 0;
-}
-
-.app-brand-logo {
-    height: 2rem;
-    width: auto;
-    display: block;
-}
-
 .app-ad-top {
     max-width: var(--app-max-width);
     margin: 0 auto;

style/auth-pages.css

@@ -3,6 +3,8 @@
  * (Tailwind 빌드에 없는 max-w-* 유틸 대체)
  */
 
+@import './brand.css';
+
 .auth-page {
     font-family: 'Inter', 'Noto Sans KR', sans-serif;
     min-height: 100vh;
@@ -30,17 +32,7 @@
 }
 
 .auth-brand {
-    display: inline-flex;
-    align-items: center;
-    text-decoration: none;
     color: #1e293b;
-    line-height: 0;
-}
-
-.auth-brand .app-brand-logo {
-    height: 2rem;
-    width: auto;
-    display: block;
 }
 
 .auth-main {

style/brand.css

@@ -0,0 +1,25 @@
+/**
+ * UNIARE 헤더 로고 — 모든 페이지 공통 (32px)
+ */
+
+:root {
+    --brand-logo-height: 2rem;
+}
+
+.app-brand,
+.auth-brand,
+.admin-brand {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    text-decoration: none;
+    line-height: 0;
+}
+
+.app-brand-logo {
+    height: var(--brand-logo-height);
+    width: auto;
+    max-height: var(--brand-logo-height);
+    display: block;
+    object-fit: contain;
+}