.bootstrap-table .fixed-table-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  margin-bottom: .85rem;
}

.bootstrap-table .search {
  width: min(100%, 320px);
}

.bootstrap-table .search-input {
  min-height: 2.4rem;
  border-radius: 10px;
}

.bootstrap-table .fixed-table-container {
  width: 100%;
}

.bootstrap-table .fixed-table-container table thead th {
  padding: 1rem .95rem;
  font-size: .92rem;
  line-height: 1.35;
  font-weight: 600;
  color: #344054;
  vertical-align: middle;
}

.bootstrap-table .fixed-table-container table tbody td {
  padding: .92rem .95rem;
}

.bootstrap-table .page-size-select {
  width: auto;
  min-width: 78px;
  border-radius: 10px;
  border-color: #d0d5dd;
  color: #344054;
  font-weight: 500;
}

.bootstrap-table .fixed-table-pagination {
  padding-top: .9rem;
  border-top: 1px solid #eef2f7;
}

.bootstrap-table .pagination-detail,
.bootstrap-table .pagination-page-size {
  color: #667085;
  font-weight: 500;
}

.bootstrap-table .pagination-left {
  min-height: 2.35rem;
}

.bootstrap-table .pagination {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: .18rem;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.bootstrap-table .pagination .btn {
  min-width: 2.25rem;
  height: 2.15rem;
  padding: .35rem .65rem;
  margin: 0;
  border: 0;
  border-radius: 9px;
  color: #475467;
  background: transparent;
  font-weight: 500;
  box-shadow: none;
}

.bootstrap-table .pagination .btn:hover:not(:disabled):not(.active) {
  color: #1d4ed8;
  background: #eff6ff;
}

.bootstrap-table .pagination .btn.active,
.bootstrap-table .pagination .btn-primary {
  color: #fff;
  background: #2563eb;
}

.bootstrap-table .pagination .btn:disabled,
.bootstrap-table .pagination .btn.disabled {
  color: #98a2b3;
  background: transparent;
  opacity: 1;
}

.bootstrap-table .pagination .btn.active {
  pointer-events: none;
}

.bootstrap-table .no-records-found {
  color: #667085;
  text-align: center;
}

.app-badge {
  border-radius: 999px;
  padding: .38rem .62rem;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
}

.app-badge-success { color: #067647; background: #ecfdf3; border-color: #abefc6; }
.app-badge-primary { color: #175cd3; background: #eff8ff; border-color: #b2ddff; }
.app-badge-info { color: #026aa2; background: #f0f9ff; border-color: #bae6fd; }
.app-badge-warning { color: #b54708; background: #fffaeb; border-color: #fedf89; }
.app-badge-danger { color: #b42318; background: #fef3f2; border-color: #fecdca; }
.app-badge-dark { color: #344054; background: #f2f4f7; border-color: #d0d5dd; }
.app-badge-secondary { color: #475467; background: #f9fafb; border-color: #eaecf0; }

@media (max-width: 767.98px) {
  .bootstrap-table .fixed-table-toolbar {
    justify-content: stretch;
  }

  .bootstrap-table .search {
    width: 100%;
  }

  .bootstrap-table .fixed-table-pagination,
  .bootstrap-table .pagination-left,
  .bootstrap-table .pagination-page-size {
    width: 100%;
  }

  .bootstrap-table .pagination {
    width: 100%;
    justify-content: flex-start;
  }
}
