/* Form.io builder overrides (moved from `Components/App.razor`) */

/* Hide Form.io sidebar initially - prevents any flash */
.formio-builder .formcomponents,
.formio-builder .builder-sidebar {
  visibility: hidden;
}

.formio-builder.formio-builder-ready .formcomponents,
.formio-builder.formio-builder-ready .builder-sidebar {
  visibility: visible;
}

/* MAXIMUM SPECIFICITY - Override everything Form.io does */
div.formio-builder div.formcomponents button.btn,
div.formio-builder div.formcomponents button.btn.btn-default,
div.formio-builder div.formcomponents button.btn.btn-primary,
div.formio-builder div.formio-builder div.formcomponents button.btn.btn-primary,
div.formio-builder div.formio-builder div.formcomponents a.btn,
div.formio-builder div.builder-sidebar button.btn,
div.formio-builder div.builder-sidebar button.btn.btn-default,
div.formio-builder div.builder-sidebar button.btn.btn-primary,
div.formio-builder div.builder-sidebar a.btn,
.formio-builder .formcomponents button,
.formio-builder .formcomponents .btn,
.formio-builder .builder-sidebar button,
.formio-builder .builder-sidebar .btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0.5rem 0.75rem !important;
  margin-bottom: 0.25rem !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
}

/* Ensure icons stay inline */
.formio-builder .btn i,
.formio-builder .btn .fa {
  flex-shrink: 0 !important;
  width: 1.25em !important;
  margin-right: 0.5rem !important;
}