/* «Avisos en este dispositivo» (Mi cuenta): solo clases propias, con los tokens del sistema visual (Poppins, esquinas de 8 px; las cápsulas solo dicen un estado). */
.push-settings { display: grid; gap: var(--sp-3); }
.push-settings .section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-3); }
.push-settings .section-heading p { margin: var(--sp-1) 0 0; color: var(--text-subtle); }
.push-detail { margin: 0; color: var(--text-strong); }
.push-block { display: grid; gap: var(--sp-2); }
.push-block h3 { margin: 0; font-size: var(--fs-body); font-weight: var(--fw-medium); color: var(--text-strong); }
.push-steps { display: grid; gap: var(--sp-2); padding: var(--sp-3) var(--sp-4); border: var(--border-w) solid var(--border-default); border-radius: var(--r-md); background: var(--surface-2); }
.push-steps ol { margin: 0; padding-left: var(--sp-5); display: grid; gap: var(--sp-1); }
.push-devices .ui-row, .push-prefs .ui-row { min-height: var(--row-h); }
.push-pref { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); cursor: pointer; width: 100%; }
.push-pref > span { display: grid; gap: var(--sp-1); min-width: 0; }
.push-urgent { margin-left: var(--sp-2); }
.push-this { color: var(--text-subtle); font-weight: var(--fw-regular); }
.push-both { margin: 0; }
@media (max-width: 640px) {
  .push-settings .section-heading { flex-direction: column; }
  .push-settings .account-actions .ui-btn { width: 100%; justify-content: center; }
}