.regab-training-status-toggle.is-active {
  border-color: var(--detail-accent, #3977ed);
  color: var(--detail-accent, #3977ed);
}

.regab-training-status-panel {
  margin: 0 0 16px;
  padding: 16px;
  color: var(--detail-text, #172536);
  background: var(--detail-bg, #fff);
  border: 1px solid var(--detail-border, #dfe8f1);
  border-radius: 16px;
}

.regab-training-status-head {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
}

.regab-training-status-head h3 {
  margin: 0;
  font-size: 16px;
}

.regab-training-status-head p {
  margin: 4px 0 0;
  color: var(--detail-muted, #718294);
  font-size: 12px;
  font-weight: 700;
}

.regab-training-status-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.regab-training-status-filters input,
.regab-training-status-filters select {
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid var(--detail-border, #dfe8f1);
  border-radius: 10px;
  background: var(--detail-bg-soft, #f8fafc);
  font: 700 13px "DM Sans", system-ui, sans-serif;
}

.regab-training-status-table-wrap {
  overflow: auto;
}

.regab-training-status-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.regab-training-status-table th,
.regab-training-status-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--detail-border, #dfe8f1);
  text-align: left;
  vertical-align: top;
}

.regab-training-status-table th {
  font-size: 11px;
  font-weight: 800;
  color: var(--detail-muted, #718294);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.regab-training-status-table tbody tr {
  cursor: pointer;
}

.regab-training-status-table tbody tr:hover {
  background: var(--detail-bg-soft, #f8fafc);
}

.regab-training-status-table td small {
  display: block;
  margin-top: 4px;
  color: var(--detail-muted, #718294);
  font-size: 11px;
  font-weight: 700;
}

.regab-training-warn-inline {
  color: #b54708 !important;
}

.regab-training-status-page-panel {
  margin: 0 0 16px;
  padding: 16px;
  color: var(--detail-text, #172536);
  background: var(--detail-bg, #fff);
  border: 1px solid var(--detail-border, #dfe8f1);
  border-radius: 16px;
}

.regab-training-status-page-panel .regab-training-status-head h3 {
  margin: 0;
  font-size: 16px;
}

.regab-training-status-modal .regab-training-status-head h2 {
  margin: 0;
  font-size: 18px;
}

.regab-trainings-assign-meta {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--detail-muted, #718294);
}

.regab-trainings-panel-toolbar {
  margin-top: 10px;
}

html.theme-dark .regab-training-status-panel,
body.theme-dark .regab-training-status-panel {
  background: var(--detail-bg, #10283d);
  border-color: var(--detail-border, #244b70);
}