/* ════════════════════════════════════════════════════════════════════════
   T-GO HUB · MASTER DATA PAGES STYLES (v16.3.3)

   แก้ปัญหา: <div id="main"> ที่ถูกย้ายมาใน Master Data sections
   มี class="main" ซึ่งโดน rule ".main { margin-left: 240px }"
   จาก 01-core.css ครอบ ทำให้เลื่อนเกินไปทางขวา

   วิธีแก้: scope rule ภายใน customersPage/productsPage/suppliersPage
   ให้ override margin-left/padding ให้ display ปกติ
   (ไม่กระทบ <main class="main"> ระดับ app — ที่เป็น parent ของ section นี้)
   ════════════════════════════════════════════════════════════════════════ */

/* Override .main rule ภายใน Master Data sections เท่านั้น */
#customersPage .main,
#productsPage  .main,
#suppliersPage .main {
  margin-left: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  display: block !important;
  flex: none !important;
}

/* Container styling — ให้สอดคล้องกับ pattern ของ Costsheet */
#customersPage .cs-scope,
#productsPage  .cs-scope,
#suppliersPage .cs-scope {
  padding: 0 1.5rem 1.5rem;
}

/* ลบช่องว่างเกินที่ cs365-content อาจมี */
#customersPage .cs365-content,
#productsPage  .cs365-content,
#suppliersPage .cs365-content {
  padding: 0;
}