From eb6ee77f72bb1b6e8d52c4b38e0771063e799fb3 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Mon, 15 Jun 2026 13:06:10 +0900
Subject: [PATCH] =?UTF-8?q?style(malaysia):=20=EB=AA=A8=EB=B0=94=EC=9D=BC?=
 =?UTF-8?q?=20=ED=99=94=EB=A9=B4=20=EC=B5=9C=EC=A0=81=ED=99=94=20=E2=80=94?=
 =?UTF-8?q?=20=EB=8B=A4=EB=8B=A8=20=EA=B7=B8=EB=A6=AC=EB=93=9C=C2=B7?=
 =?UTF-8?q?=EB=9E=99=C2=B7=ED=91=9C=20=EB=B0=98=EC=9D=91=ED=98=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- _i18n.html 공용 모바일 CSS: ≤820px 다단 그리드 1단 적층,
  정보바 줄바꿈, 표 가로 스크롤로 열 정렬 유지, 랙 6→3열
- ≤480px 랙 3→2열, 코드열 폭 자동
- index·movements·stocktakes 고정폭 그리드에 mys-grid 클래스

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../malaysia/templates/malaysia/_i18n.html    | 32 ++++++++++++++++++-
 .../malaysia/templates/malaysia/index.html    |  2 +-
 .../templates/malaysia/movements.html         |  2 +-
 .../templates/malaysia/stocktakes.html        |  2 +-
 4 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/app/modules/malaysia/templates/malaysia/_i18n.html b/app/modules/malaysia/templates/malaysia/_i18n.html
index b753bd3..dd20502 100644
--- a/app/modules/malaysia/templates/malaysia/_i18n.html
+++ b/app/modules/malaysia/templates/malaysia/_i18n.html
@@ -1,4 +1,34 @@
-{# 한글/영문 토글 버튼 + i18n 스크립트. 모든 말레이시아 화면 상단에 include. #}
+{# 한글/영문 토글 버튼 + i18n 스크립트 + 모바일 최적화 CSS. 모든 말레이시아 화면 상단에 include. #}
+<style>
+  /* ── 말레이시아 재고관리 모바일 최적화 ── */
+  @media (max-width: 820px) {
+    /* 고정 폭 다단 그리드 → 1단 적층 */
+    .mys-grid { grid-template-columns: 1fr !important; }
+
+    /* 상단 탭/창고선택 바 — 창고 폼 한 줄 풀폭 */
+    .mys .erp-page-actions form { flex: 1 1 100%; }
+    .mys .erp-page-actions .erp-select { width: 100%; }
+
+    /* 재고조사 상세 정보 바 — 줄바꿈 허용 */
+    .mys-info-bar { flex-wrap: wrap !important; row-gap: 8px; }
+    .mys-info-bar .mys-hint { flex: 1 1 100%; white-space: normal !important; }
+
+    /* 데이터 테이블 — 카드 적층 대신 가로 스크롤 유지(열 정렬 보존) */
+    .mys .erp-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+    .mys .erp-table { min-width: 440px; }
+    .mys .erp-table thead { display: table-header-group; }
+    .mys .erp-table tbody tr { display: table-row; padding: 0; }
+    .mys .erp-table tbody td { display: table-cell; border-bottom: 1px solid var(--color-subtle-ash); padding: 4px 8px; }
+
+    /* 랙 칸 — 6열 → 3열 */
+    .rack-row, .rv-row { grid-template-columns: repeat(3, 1fr) !important; }
+  }
+  @media (max-width: 480px) {
+    /* 랙 칸 — 3열 → 2열, 코드열 폭 자동 */
+    .rack-row, .rv-row { grid-template-columns: repeat(2, 1fr) !important; }
+    .mys-compact th.ccol, .mys-compact td.ccol { width: auto !important; }
+  }
+</style>
 <div style="display:flex;justify-content:flex-end;margin-bottom:8px;">
   <button type="button" id="mys-lang-toggle" class="erp-btn erp-btn-outline">ENG</button>
 </div>
diff --git a/app/modules/malaysia/templates/malaysia/index.html b/app/modules/malaysia/templates/malaysia/index.html
index 557ad52..0dcfc9c 100644
--- a/app/modules/malaysia/templates/malaysia/index.html
+++ b/app/modules/malaysia/templates/malaysia/index.html
@@ -15,7 +15,7 @@
   {% set active_tab = 'status' %}
   {% include "malaysia/_nav.html" %}
 
-  <div style="display:grid;grid-template-columns:1fr 420px;gap:16px;align-items:start;">
+  <div class="mys-grid" style="display:grid;grid-template-columns:1fr 420px;gap:16px;align-items:start;">
 
     <!-- 좌: 낱개로 분리된 전체 재고 -->
     <div class="erp-card">
diff --git a/app/modules/malaysia/templates/malaysia/movements.html b/app/modules/malaysia/templates/malaysia/movements.html
index 4729b14..4c73bea 100644
--- a/app/modules/malaysia/templates/malaysia/movements.html
+++ b/app/modules/malaysia/templates/malaysia/movements.html
@@ -25,7 +25,7 @@
   <form method="post" action="/malaysia/movements/apply" onsubmit="return mysCheckComboIn(this)">
     <input type="hidden" name="warehouse_code" value="{{ selected_wh }}" />
 
-    <div style="display:grid;grid-template-columns:280px 1fr 1fr;gap:16px;align-items:start;">
+    <div class="mys-grid" style="display:grid;grid-template-columns:280px 1fr 1fr;gap:16px;align-items:start;">
 
       <!-- 좌: 종류 / 날짜 / 메모 -->
       <div class="erp-card">
diff --git a/app/modules/malaysia/templates/malaysia/stocktakes.html b/app/modules/malaysia/templates/malaysia/stocktakes.html
index 95bc1b7..e1a2187 100644
--- a/app/modules/malaysia/templates/malaysia/stocktakes.html
+++ b/app/modules/malaysia/templates/malaysia/stocktakes.html
@@ -6,7 +6,7 @@
   {% set active_tab = 'stocktake' %}
   {% include "malaysia/_nav.html" %}
 
-  <div style="display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start;">
+  <div class="mys-grid" style="display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start;">
 
     <!-- 신규 조사 생성 -->
     <div class="erp-card">