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

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

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

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

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

.section-notice {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.warning-notice {
  @include settings.settings-warning-notice;
}

.info-notice {
  @include settings.settings-info-notice;
}

.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;
}

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

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

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

.filesize-input {
  @include settings.settings-filesize-input;
}

.network-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.sidecar-section-header {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--surface-border);
}

.nested-setting {
  margin-left: 1.5rem;
  padding-left: 1rem;
  border-left: 2px solid var(--surface-border);
}

code {
  background: var(--surface-ground);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-family: monospace;
  font-size: 0.875rem;
}
