@use '../../../shared/styles/settings-shared' as settings;

.metadata-settings-container {
  @include settings.settings-page-container;
}

@include settings.settings-page-header;

.settings-title {
  @include settings.settings-page-title;
  margin-bottom: 0.75rem;
}

.settings-description {
  @include settings.settings-page-description;
}

@include settings.settings-section-divider;

.settings-card {
  @include settings.settings-card;
}

.section-header {
  @include settings.settings-section-header;
}

.section-title {
  @include settings.settings-section-title;
}

.section-description {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: settings.$settings-section-description-size;
  line-height: 1.5;
  color: var(--p-text-muted-color);
  margin: 0;

  .pi {
    margin-top: 0.125rem;
    flex-shrink: 0;
  }

  .pi-exclamation-triangle {
    color: var(--p-orange-500);
  }

  .pi-info-circle {
    color: var(--primary-color);
  }
}

.section-body {
  @include settings.settings-section-body;
}

.setting-item {
  @include settings.settings-item;
}

.setting-header {
  @include settings.settings-item-header;
}

.setting-label {
  @include settings.settings-label;
}
