:root {
    --bs-body-font-family: "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", sans-serif;
}

html,
body {
    font-family: var(--bs-body-font-family) !important;
}

/* บังคับให้ทุก element ของ DataTables ใช้ font inherit */
.dataTables_wrapper,
.dataTables_wrapper * {
    font-family: inherit !important;
}

/* ให้ form/table/pagination ใช้ Kanit ชัวร์ */
table,
thead,
tbody,
tfoot,
.form-control,
.form-select,
.btn,
.pagination,
.dropdown-menu,
.badge {
    font-family: inherit !important;
}


:root {
    --brand: #dc3545;
    /* red */
    --bg: #f6f7fb;
    --card: #ffffff;
    --muted: #6c757d;
    --radius: 1.25rem;
}

body {
    background: var(--bg);
}

.brand-title {
    color: var(--brand);
    letter-spacing: .2px;
}

.cardx {
    background: var(--card);
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: var(--radius);
}

.btn-brand {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
    border-radius: .85rem;
}

.btn-brand:hover {
    filter: brightness(.95);
}

.btn-soft {
    border-radius: .85rem;
}

.badge-soft {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    color: #222;
}

.mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ปุ่มตอนยังไม่ติ๊ก */
#btnSave.is-disabled {
    opacity: .55;
    filter: grayscale(60%);
    cursor: not-allowed;
    box-shadow: none !important;
}

.toast-float {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 2000;
    /* สูงกว่า modal (1055) */
    min-width: 280px;
    max-width: 420px;
    padding: 12px 14px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .06);
    background: #fff;
}