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

:root {
  --bs-body-font-family: "Sarabun", sans-serif;
  --bs-font-sans-serif: "Sarabun", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
table,
th,
td,
.navbar,
.nav-link,
.dropdown-menu,
.btn,
.form-control,
.form-select,
.input-group-text,
.card,
.modal,
.alert,
.badge,
.pagination,
.tooltip,
.popover {
  font-family: "Sarabun", sans-serif !important;
}

body {
  font-family: "Sarabun", sans-serif;
  background: #f5f7fb;
  font-weight: 400;
}

.sidebar {
  min-height: calc(100vh - 56px);
  background: white;
  border-right: 1px solid #e6e6e6;
}

.sidebar a {
  display: block;
  padding: 10px 12px;
  margin-bottom: 4px;
  text-decoration: none;
  color: #333;
  border-radius: 8px;
}

.sidebar a:hover { background: #eef4ff; }
.card-step { border-left: 5px solid #dc3545; }
.status-done { border-left-color: #198754; }
.table td, .table th { vertical-align: middle; }
.badge-step { min-width: 28px; }

/* ให้เอกสารพิมพ์ใช้ Sarabun เช่นเดียวกับหน้าจอ */
@media print {
  html,
  body,
  table,
  th,
  td,
  p,
  div,
  span,
  strong,
  small {
    font-family: "Sarabun", sans-serif !important;
  }
}