.hidden {
  display: none !important;
}

.ttsbs-wrap {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height));
  margin-top: 0 !important;
}
.ttsbs-wrap select {
  max-width: unset;
}

.ttsbs-page {
  width: 100%;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}
/* Remove default invalid styling - we'll handle it manually */
.ttsbs-wizard input:invalid,
.ttsbs-wizard select:invalid {
  box-shadow: none;
  border-color: inherit;
}

.ttsbs-wizard .ttsbs-step {
  min-height: 300px;
}

.ttsbs-wizard input[type='radio'] {
  margin-right: 0.5rem;
}

.ttsbs-admin {
  /* WP scheme-driven primary */
  --primary: var(--wp-admin-theme-color);
  --primary-hover: var(--wp-admin-theme-color-darker-10);
  --primary-active: var(--wp-admin-theme-color-darker-20);
  --focus: var(--wp-admin-theme-color);
  --error: #ef4444;
  --gray-700: #757575;
}

/* text */
.ttsbs-admin .text-primary {
  color: var(--primary);
}

.ttsbs-admin .text-gray {
  color: var(--gray-700);
}
/* border */
.ttsbs-admin .border-primary {
  border-color: var(--primary) !important;
}
.ttsbs-admin .hover\:border-primary-hover:hover {
  border-color: var(--primary-hover);
}

.ttsbs-admin .border-error {
  border-color: var(--error) !important;
}

.ttsbs-admin .text-error {
  color: var(--error) !important;
}