style(malaysia): 모바일 화면 최적화 — 다단 그리드·랙·표 반응형

- _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>

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>

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">

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">

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">