/* ==========================================================================
   VIEW: SUGGESTIONS
   Extrait de css/style.css pour conserver un ordre de cascade stable.
   Charge avant css/style.css; les overrides transverses restent dans style.css.
   ========================================================================== */

#view-suggestions .suggestions-view .settings-header {
  gap: 8px;
}

#view-suggestions .suggestions-view .settings-title {
  letter-spacing: -0.02em;
}

#view-suggestions .suggestions-view .settings-subtitle {
  max-width: 26ch;
  line-height: 1.45;
  color: #52677f;
}

#view-suggestions .suggestions-view .settings-card {
  border-color: rgba(79, 96, 118, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 248, 251, 0.95) 100%);
  box-shadow:
    0 12px 24px rgba(18, 32, 56, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

#view-suggestions .suggestions-view .settings-status {
  margin-top: 6px;
}

.suggestions-view .settings-btn.primary {
  background: var(--color-btn-dark);
  border-color: var(--color-btn-dark);
}