From 8c6539d6cbffd039f13a01e21b0ac2fcbfbc5678 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Sat, 30 May 2026 08:29:28 +0900
Subject: [PATCH] =?UTF-8?q?ui(sidebar):=20=EC=95=84=EC=9D=B4=EC=BD=98/?=
 =?UTF-8?q?=EA=B8=80=EC=9E=90=20=ED=81=AC=EA=B8=B0=20=ED=99=95=EB=8C=80=20?=
 =?UTF-8?q?+=20=EC=9A=B4=EC=98=81=C2=B7=EA=B4=80=EB=A6=AC=20=EA=B7=B8?=
 =?UTF-8?q?=EB=A3=B9=20=EB=AC=B6=EC=9D=8C=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/main.py                 |  3 +++
 app/static/erp-shell.css    | 11 ++++++-----
 app/templates/erp_base.html |  4 ++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/main.py b/app/main.py
index 3eb3c38..2462a67 100644
--- a/app/main.py
+++ b/app/main.py
@@ -339,6 +339,9 @@ def build_erp_nav(
                 "disabled_reason": "준비중" if m["status"] != "ready" else None,
             }
         )
+    # 같은 그룹끼리 묶이도록 정렬(그룹 헤더 중복 방지). 그룹 내 순서는 유지(stable).
+    group_order = {"ERP": 0, "운영": 1, "관리": 2}
+    items.sort(key=lambda it: group_order.get(it["group"], 9))
     for it in items:
         it["active"] = it["key"] == active
     return items
diff --git a/app/static/erp-shell.css b/app/static/erp-shell.css
index 9b60408..f4ccb45 100644
--- a/app/static/erp-shell.css
+++ b/app/static/erp-shell.css
@@ -66,7 +66,7 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
 }
 
 .erp-sidebar-group {
-  font-size: 11px; font-weight: 600;
+  font-size: 12px; font-weight: 600;
   color: var(--color-midtone-gray);
   text-transform: uppercase; letter-spacing: 0.06em;
   padding: var(--sp-12) var(--sp-12) var(--sp-6);
@@ -74,11 +74,11 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
 .erp-sidebar[data-collapsed="true"] .erp-sidebar-group { opacity: 0; height: 0; padding: 0; pointer-events: none; }
 
 .erp-sidebar-item {
-  display: flex; align-items: center; gap: 10px;
-  padding: 8px var(--sp-12);
+  display: flex; align-items: center; gap: 12px;
+  padding: 11px var(--sp-12);
   border-radius: 10px;
   color: var(--color-rich-black);
-  font-size: 14px; font-weight: 500;
+  font-size: 16px; font-weight: 500;
   cursor: pointer;
   transition: background .12s ease, color .12s ease;
   border: 1px solid transparent;
@@ -96,10 +96,11 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
   cursor: not-allowed;
 }
 .erp-sidebar-icon {
-  width: 18px; height: 18px;
+  width: 22px; height: 22px;
   display: inline-flex; align-items: center; justify-content: center;
   flex-shrink: 0;
 }
+.erp-sidebar-icon svg { width: 21px; height: 21px; }
 .erp-sidebar-label { flex: 1; }
 .erp-sidebar-badge {
   background: var(--color-ghost-gray); color: var(--color-midtone-gray);
diff --git a/app/templates/erp_base.html b/app/templates/erp_base.html
index dc26a32..d03b72d 100644
--- a/app/templates/erp_base.html
+++ b/app/templates/erp_base.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>{{ page_title or "ERP" }} — DBX Corporation</title>
-    <link rel="stylesheet" href="/static/erp.css?v=20260530m" />
-    <link rel="stylesheet" href="/static/erp-shell.css?v=20260530m" />
+    <link rel="stylesheet" href="/static/erp.css?v=20260530n" />
+    <link rel="stylesheet" href="/static/erp-shell.css?v=20260530n" />
     <link rel="stylesheet" href="/static/erp-attach-viewer.css" />
     {% block head_extra %}{% endblock %}
   </head>