/* Boxed card border widget: spectrum color picker + two-row grid layout. */

.field--name-field-apb-vw-boxed-border .apb-cs-spectrum {
  max-width: 100%;
}

.field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row--4 {
  grid-template-columns: repeat(4, 1fr);
}

.field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row--3 {
  grid-template-columns: repeat(3, 1fr);
}

.field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row > .form-item {
  margin: 0;
}

@media (max-width: 48rem) {
  .field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row--4,
  .field--name-field-apb-vw-boxed-border .apb-vw-boxed-border-row--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.apb-vw-admin--hidden {
  display: none !important;
}