.notification-settings-update {
  box-sizing: border-box; width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px); overflow: auto; margin: auto;
  padding: 24px; color: #f8f3ff; background: #160d24;
  border: 1px solid #8e5dc0; border-radius: 20px;
  box-shadow: 0 18px 70px #0009; font-family: inherit;
}
.notification-settings-update::backdrop { background: #08030dc9; }
.notification-settings-update h2 { margin: 8px 0 16px; font-size: 26px; line-height: 1.2; }
.notification-settings-update p { color: #ddd2e8; font-size: 15px; line-height: 1.5; }
.notification-update-actions, .notification-quick-setup { display: grid; gap: 12px; }
.notification-update-actions { margin-top: 22px; }
.notification-update-actions button {
  font: inherit; font-weight: 750; line-height: 1.35; min-height: 48px;
  padding: 12px 16px; border: 1px solid #9861c2; border-radius: 12px;
  background: #312044; color: #fff; cursor: pointer; white-space: normal;
}
.notification-update-actions button:first-child { background: #7920cb; }
.notification-settings-update button:focus-visible,
.notification-quick-setup button:focus-visible { outline: 3px solid #ffdb70; outline-offset: 3px; }
.notification-quick-setup { padding-bottom: 14px; border-bottom: 1px solid #593376; }
#notification-settings-panel .notification-quick-setup button { white-space: normal; line-height: 1.4; padding: 12px; }
