/* קלורי — page: הגדרות, גיבוי ונתונים. Every selector is prefixed .pg-settings (SPEC §3, §9.11).
   Shared components come from components.css; tokens from tokens.css. */

.pg-settings__grid {
  display: grid;
  gap: var(--sp-4);
  align-items: start;
}
.pg-settings__col {
  display: grid;
  gap: var(--sp-4);
  min-inline-size: 0;
}
@media (min-width: 900px) {
  .pg-settings__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); }
}

.pg-settings .card .toggle { padding-inline: 0; }
.pg-settings .card > .field:last-child,
.pg-settings .card > p:last-child { margin-block-end: 0; }
.pg-settings p { margin: 0; }

/* ---------- install ---------- */
.pg-settings__ios-hint {
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--r-2);
  background: var(--c-surface-2);
  font-weight: 600;
}

/* ---------- backup ---------- */
.pg-settings__backup-actions .btn { flex: 1 1 160px; }
.pg-settings__import-summary {
  font-weight: 600;
  font-size: var(--fs-md);
}

/* ---------- reset ---------- */
.pg-settings__danger { border-color: var(--c-danger-soft); }
.pg-settings__danger .card__title { color: var(--c-danger); }

/* ---------- about ---------- */
.pg-settings__brand {
  font-size: var(--fs-xl);
  font-weight: 800;
  color: var(--c-primary-text);
}