/* External Skeleton · 016 · екран «Налаштування» — бэкап у Google Drive
   (задача 1-01). Токени і базові класи (.micro, .link, .btn, .mono, .rep-input,
   .plan__head/.plan__title/.plan__close, .plan__note, .plan__error) — з
   tokens.css/styles.css/report.css. Мобільний < 900 px, десктоп >= 900 px.
*/

.settings__section + .settings__section {
  margin-top: var(--sp-6);
}

.settings__row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-top: var(--sp-3);
}

.settings__status {
  font: var(--w-regular) 14px/20px var(--font-sans);
  color: var(--text-1);
}

.settings__hint {
  margin-top: var(--sp-2);
  font: var(--w-regular) 12.5px/1.5 var(--font-mono);
  color: var(--text-2);
}

.settings__key {
  margin-top: var(--sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.settings__label {
  font: var(--w-medium) 13px/18px var(--font-sans);
  color: var(--text-1);
}

.settings__key-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-top: var(--sp-2);
}

.settings__feedback {
  margin: 0;
  font: var(--w-regular) 13px/18px var(--font-sans);
  color: var(--text-1);
}
.settings__feedback--error { color: var(--danger, #c0392b); }

.settings__confirm {
  margin-top: var(--sp-3);
  padding: var(--sp-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-8);
}

.settings__confirm-text {
  margin: 0 0 var(--sp-2);
  font: var(--w-regular) 13px/1.5 var(--font-sans);
  color: var(--text-1);
}

@media (min-width: 900px) {
  .settings__section { max-width: 520px; }
}