@use "variables" as *;

// Validation errors wrapper (below header)
.ekesto-settings-validation-wrap {
  max-width: $container-max-width;
  margin: 0 auto $spacing-lg;
}

.eci-validation-errors {
  margin: 0;

  &__list {
    margin: $spacing-xs 0 0;
    padding-left: $spacing-lg;
    list-style: disc;

    li {
      margin-bottom: 2px;
    }
  }
}


// Simple mode panel
.ekesto-simple-panel {
  &__description {
    color: $color-text-secondary;
    margin-bottom: $spacing-md;
    margin-top: 0;
  }

  &__list {
    display: flex;
    flex-direction: column;
    gap: $spacing-xs;
  }

  &__empty {
    color: $color-text-secondary;
    font-style: italic;
  }
}

// Advanced mode panel
.eci-advanced-panel {
  &__description {
    color: $color-text-secondary;
    margin-top: 0;
    margin-bottom: $spacing-md;
  }

  &__add {
    margin-top: $spacing-md;
  }
}

.eci-page-targets {
  .components-radio-control__label {
    font-weight: 600;
  }
}

.eci-selected-pages-summary {

}

.eci-relationships-panel {
  &__description {
    color: $color-text-secondary;
    margin-top: 0;
    margin-bottom: $spacing-md;
  }

  &__list {
    display: flex;
    flex-direction: column;
    gap: $spacing-xs;
  }

  &__empty {
    color: $color-text-secondary;
    font-style: italic;
  }
}
