fix(shell): 모바일에서 사이드바 칸이 본문을 가리는 문제

데스크탑 접힘 규칙 .erp-app:has([data-collapsed=true])(특이도 높음)가
모바일 미디어 .erp-app{...0 1fr}(특이도 낮음)를 이겨, 폰에서도
사이드바가 64px grid 칸을 차지해 본문이 좁게 짜부러짐. 미디어쿼리는
특이도를 올리지 않음. 모바일 미디어에 :has 셀렉터를 함께 명시해
특이도를 맞추고 사이드바 칸을 0으로 강제. CSS 캐시버스트 갱신.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/static/erp-shell.css

@@ -285,7 +285,9 @@ body.erp-app-body { background: var(--color-canvas-white); height: 100vh; overfl
 
 /* ── 반응형 ── */
 @media (max-width: 900px) {
-  .erp-app { grid-template-columns: 0 1fr; }
+  /* 데스크탑 접힘(:has collapsed) 규칙보다 특이도 맞춰 모바일에서 사이드바 칸 0 강제 */
+  .erp-app,
+  .erp-app:has(.erp-sidebar[data-collapsed="true"]) { grid-template-columns: 0 1fr; }
   .erp-sidebar {
     position: fixed; left: 0; top: 0; height: 100vh;
     width: var(--erp-sidebar-w);

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=20260530q" />
+    <link rel="stylesheet" href="/static/erp.css?v=20260615a" />
-    <link rel="stylesheet" href="/static/erp-shell.css?v=20260530q" />
+    <link rel="stylesheet" href="/static/erp-shell.css?v=20260615a" />
     <link rel="stylesheet" href="/static/erp-attach-viewer.css" />
     {% block head_extra %}{% endblock %}
   </head>