feat(device): 로그인 뒤 ☰ 상태 위 줄 걷기 · ☰ 는 위 오른쪽 모서리에 떠 있음 · 진행 단계를 ☰ 서랍 묶음으로(같은 요소를 빌려 옴 · 한 벌) · 서랍 차례 로고 ─ 진행 단계 ─ 메뉴 ─ 설정 · 위 줄 높이 = --app-header-h 하나 · data-burger (기기대응 6)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ji4nuyLVHcxrXWHTdb5nRD

M02_MasterTemplete/M02_MasterTemplete_Drawing.css

@@ -5,7 +5,7 @@
    표 양식일 때는 페이지 쪽 모양 그대로 두려고 도면을 품은 때만 건다. */
 .m02-main:has(> .m02-main__host > .m02-drawing) {
   box-sizing: border-box;
-  height: calc(100dvh - var(--spacing-64));
+  height: calc(100dvh - var(--app-header-h));
   min-height: 0;
 }
 

M02_MasterTemplete/M02_MasterTemplete_Structure.css

@@ -40,7 +40,7 @@
 /* 카드가 보이면 상세 칸은 창 높이까지 — 표 + 카드가 넘치면 상세 칸 전체가 스크롤 */
 .m02-main:has(> .m02-main__extra > .m02-struct:not([hidden])) {
   box-sizing: border-box;
-  max-height: calc(100dvh - var(--spacing-64));
+  max-height: calc(100dvh - var(--app-header-h));
   overflow-y: auto;
 }
 
@@ -159,7 +159,7 @@
 
 /* ? 도움말 상자 — 카드 오른쪽 위(제목 줄 · 부제 아래 · 도면 · 엑셀 카드) */
 .m02-struct__card > .m02-struct__keys {
-  top: calc(var(--spacing-64) + var(--spacing-8));
+  top: calc(var(--app-header-h) + var(--spacing-8));
 }
 .m02-struct__keys {
   position: absolute;

M02_MasterTemplete/M02_MasterTemplete_UI_Style.css

@@ -137,7 +137,7 @@
 /* 면적산출 · 재료산출 전체 편집 — `.ss` 는 height:100% 로 부모 높이를 받음 · 도면 편집과 같이 메인 칸을 화면 높이로 채움 */
 .m02-main:has(> .m02-main__host > .ss) {
   box-sizing: border-box;
-  height: calc(100dvh - var(--spacing-64));
+  height: calc(100dvh - var(--app-header-h));
   min-height: 0;
 }
 
@@ -155,7 +155,7 @@
 /* 일위대가 상세(85-5) — 면적 상세와 같은 고정 높이 · 본문 칸만 굴림 · 오른쪽 패널은 칸 높이(따로 스크롤) */
 .m02-main:has(> .m02-main__host > .ui-side-panels-row) {
   box-sizing: border-box;
-  height: calc(100dvh - var(--spacing-64));
+  height: calc(100dvh - var(--app-header-h));
   min-height: 0;
 }