dialog.crm-push-onboarding{box-sizing:border-box;width:calc(100% - 32px);max-width:416px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--border,#555);border-radius:24px;background:var(--card,var(--ios-card,#303030));color:var(--text,var(--ios-text,#f5f5f5));font:inherit;text-align:left}
dialog.crm-push-onboarding::backdrop{background:rgba(0,0,0,.48)}
dialog.crm-push-onboarding h2{margin:0 0 12px;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.3px}
dialog.crm-push-onboarding p{margin:0 0 16px;font-size:15px;line-height:1.5}
dialog.crm-push-onboarding .crm-push-status:empty{display:none}
dialog.crm-push-onboarding .crm-push-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}
dialog.crm-push-onboarding button{min-height:44px;font:inherit;font-size:14px;white-space:normal}
dialog.crm-push-onboarding small{display:block;font-size:12px;line-height:1.5;color:var(--muted,var(--ios-secondary,#bbb))}
dialog.crm-push-onboarding button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:360px){dialog.crm-push-onboarding{padding:20px}dialog.crm-push-onboarding .crm-push-actions{flex-direction:column}}
dialog.crm-push-onboarding button{font-size:14px!important;padding:10px 16px!important}dialog.crm-push-onboarding [data-push-enable]{background:var(--accent,var(--ios-accent))!important;color:#151515!important;border:0!important;font-weight:600!important}

dialog.crm-push-onboarding{border-radius:var(--crm-radii-modal,24px)!important}dialog.crm-push-onboarding button{border-radius:var(--crm-radii-control,16px)!important}dialog.crm-push-onboarding button[hidden]{display:none!important}

@layer crm-component-radii {
 html body #crmPushOnboarding {border-radius:var(--crm-radii-modal,24px)!important;}
 html body #crmPushOnboarding button {border-radius:var(--crm-radii-control,16px)!important;}
 html body :is(#mainApp,#crmNotificationOverlay) #notificationPanel {border-radius:var(--crm-radii-modal,24px)!important;}
 html body :is(#mainApp,#crmNotificationOverlay) #notificationPanel .mini-btn {border-radius:var(--crm-radii-control,16px)!important;}
 html body :is(#mainApp,#crmNotificationOverlay) #notificationPanel .notification-permission {padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;}
 html body :is(#mainApp,#crmNotificationOverlay) #notificationPanel #enableNotifications {margin:0!important;min-height:44px!important;}
 html body #crmPushOnboarding [data-push-close] {background:var(--surface-2,var(--card))!important;color:var(--text)!important;border:0!important;box-shadow:none!important;}
}