@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
    font-family: "Sarabun", sans-serif;
}



.bg-violet {
    opacity: 1;
    background-color: #9b51e0;
}



.header-color-primary {
    background-color: #2a6496;
    color: white !important;
    font-size: 15px;
}


.badge-light-warning {
    color: #ffc700;
    background-color: #ffffb8;
}

.badge-light-success {
    color: #50cd89;
    background-color: #d9f7be;
}

.badge-light-danger {
    color: #eb5757;
    background-color: #ffc6bf;
}


.form-control:disabled {
    color: #6c757d !important;
    background-color: #e9ecef !important;
}



/* ควบคุมกรอบให้อยู่ในความสูงที่กำหนดและมี Scrollbar */
.table-wrapper {
    max-height: 522px;
    overflow-y: auto;
}

/* ล็อคหัวตาราง (thead th) */
.table-wrapper thead th {
    position: sticky;
    top: 0;
    /* ล็อคให้ติดขอบบนสุดของกรอบ .table-wrapper */
    background-color: #f8f9fa;
    /* ⚠️ สำคัญ: ต้องใส่สีพื้นหลัง (เช่น สีเทาอ่อนของ Bootstrap) ไม่งั้นตัวหนังสือจะซ้อนกัน */
    z-index: 2;
    /* ดันให้อยู่เลเยอร์บนสุด ป้องกันเนื้อหาในตารางทับหัวตาราง */
    /* ทริคพิเศษสำหรับ Bootstrap: ใช้ box-shadow แทน border-bottom เพื่อให้เส้นขอบหัวตารางไม่เลื่อนหายไป */
    box-shadow: inset 0 -2px 0 #dee2e6;
}