CSS for Inquiositive Table

#adminDashboard .lm-badge-danger,
#adminDashboard .sm-badge-danger {
  background: rgba(173, 20, 87, 0.10);
  color: rgba(173, 20, 87, 1);
  border: 1px solid rgba(173, 20, 87, 0.25);
}

#adminDashboard .lm-person__name,
#adminDashboard .sm-subject__name {
  font-weight: 700;
  line-height: 1.1;
}

#adminDashboard .lm-person__id,
#adminDashboard .sm-subject__id {
  font-size: 0.85rem;
  color: var(--lm-muted);
}

#adminDashboard .lm-panel__scroll,
#adminDashboard .sm-panel__scroll{
  height: 450px !important;
  max-height: 450px !important;
  overflow: auto !important;

  padding: 14px !important;   /* always-visible inset */
}


#adminDashboard .lm-tableWrap,
#adminDashboard .sm-tableWrap{
  border: 1px solid var(--lm-border);
  border-radius: 12px;
  overflow: hidden;
}

#adminDashboard .table thead th{
  top: 14px;
}

#adminDashboard .table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.02);
  color: var(--lm-muted);
  font-size: 0.86rem;
  border-bottom: 1px solid var(--lm-border);
}

#adminDashboard .lm-actions,
#adminDashboard .sm-actions {
  display: inline-flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#adminDashboard .lm-actions .btn,
#adminDashboard .sm-actions .btn {
  padding: 0.28rem 0.6rem;
}