/* โหลดหลัง Tailwind CDN + หลัง sales_dashboard.css — ใช้ --scrollbar-* จากนั้น
 *
 * สาเหตุที่ปุ่มลูกศรยังเห็นบน Chrome/Edge (Windows): Chrome 121+ มี scrollbar-width /
 * scrollbar-color (มาตรฐาน). ถ้าใส่คู่กับ ::-webkit-scrollbar บาง build จะ “ผสม”
 * แบบเลื่อนของระบบ (มีปุ่ม) กับสไตล์เว็บ — ปุ่มยังโผล่
 *
 * เลยไม่ใส่ scrollbar-width/color ที่ html,body สำหรับ Chromium — ให้ใช้แค่ WebKit
 * ส่วน Firefox ใช้ scrollbar-* ผ่าน @supports แยก
 */

/* เฉพาะ Firefox: แถบบาง + สี (ไม่มี pseudo webkit) */
@supports (-moz-appearance: none) {
  html,
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
}

*::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

*::-webkit-scrollbar-track {
  /* margin-block บางเคสทำให้ช่องบน/ล่างเหมือนมีปุ่ม — ใช้แค่ inset แนวนอน */
  margin-block: 0;
  margin-inline: 4px;
  background: var(--scrollbar-track);
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  border: 2px solid var(--scrollbar-track);
  background-color: var(--scrollbar-thumb);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}

/* ซ่อนปุ่มลูกศร: ชุดมาตรฐาน + :decrement/:increment (Chromium/Edge บน Windows) */
*::-webkit-scrollbar-button {
  display: block !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  background: transparent none !important;
  background-image: none !important;
  border: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:double-button,
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment,
*::-webkit-scrollbar-button:vertical:start:decrement,
*::-webkit-scrollbar-button:vertical:end:increment,
*::-webkit-scrollbar-button:horizontal:start:decrement,
*::-webkit-scrollbar-button:horizontal:end:increment,
*::-webkit-scrollbar-button:vertical:decrement,
*::-webkit-scrollbar-button:vertical:increment,
*::-webkit-scrollbar-button:horizontal:decrement,
*::-webkit-scrollbar-button:horizontal:increment {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent none !important;
  background-image: none !important;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}