/* Keep secondary administration screens in the workspace palette. */
body.t72-native-staff {
  --t72-cream: #f5f6f5;
  --t72-paper: #fff;
  --t72-green: #183a30;
  --t72-muted: #64716b;
  --t72-lime: #e0eee5;
  --t72-line: #e0e5e2;
  --bs-body-bg: #f5f6f5;
  --bs-light-rgb: 255, 255, 255;

  background: var(--t72-cream);
}

.t72-native-staff .navbar .nav-link {
  padding: 10px !important;
  white-space: nowrap;
}

.t72-native-context {
  flex-wrap: wrap;
  gap: 12px;
}

.t72-native-context > span {
  display: block;
  overflow-wrap: anywhere;
}

.t72-trainer-setup {
  margin-bottom: 22px;
  padding: 18px 20px;
  border: 1px solid var(--t72-line);
  border-radius: 12px;
  background: #fff;
}

.t72-trainer-setup h2 {
  margin: 0 0 14px;
  font-size: 18px;
}

.t72-trainer-setup ol {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 0;
  list-style: none;
}

.t72-trainer-setup [aria-current='step'] {
  font-weight: 700;
}

.t72-trainer-setup p {
  color: var(--t72-muted);
}

@media (width >= 992px) and (width < 1400px) {
  .t72-native-brand span {
    display: none;
  }

  .t72-native-staff .t72-native-brand img {
    width: 126px;
  }
}

@media (width < 576px) {
  .t72-native-context > span {
    width: 100%;
  }
}