{# 한글/영문 토글 버튼 + 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>
<script src="/static/malaysia.js?v=20260619a"></script>