/* JSONForms PrimeVue Provider Protocols Layout Styles */

/* Style the vanilla VerticalLayout to be centered with gaps */
.vertical-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

/* Style individual vertical layout items */
.vertical-layout-item {
  width: 100%;
}

/* PrimeVue dropdown text alignment fix */
.p-dropdown-label {
  text-align: left !important;
}