#notificationPauseDialog { width: min(580px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 0; overflow: hidden; }
#notificationPauseDialog .dialog-card { display: flex; flex-direction: column; padding: 0; max-height: calc(100dvh - 26px); min-height: 0; width: 100%; overflow: hidden; }
#notificationPauseDialog .dialog-heading, #notificationPauseDialog .dialog-actions { flex: 0 0 auto; padding: 16px 20px; margin: 0; }
#notificationPauseDialog h2 { margin: 0; font-size: 18px; }
.notification-pause-body { overflow: auto; min-height: 0; padding: 0 20px 12px; display: grid; gap: 14px; overflow-wrap: anywhere; }
.notification-pause-body p { margin: 0; line-height: 1.65; }
.notification-pause-body label { display: grid; gap: 7px; }
.notification-pause-body select, .notification-pause-body textarea { width: 100%; box-sizing: border-box; min-width: 0; }
.notification-pause-body textarea { resize: vertical; }
.notification-pause-current { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(147, 126, 226, .22); }
.notification-pause-current > div { min-width: 0; display: grid; gap: 5px; }
.notification-pause-current span { font-size: 12px; color: var(--muted); }
.notification-pause-current button { flex-shrink: 0; }
.notification-pause-badge { display: block; margin-top: 6px; padding: 3px 7px; border: 1px solid var(--purple-border); border-radius: 6px; background: var(--purple-soft); color: var(--primary-dark); font: inherit; font-size: 11px; cursor: pointer; white-space: nowrap; }
#notificationPauseFeedback { color: var(--primary-dark); font-size: 13px; }
@media (max-width: 420px) { #notificationPauseDialog .dialog-heading, #notificationPauseDialog .dialog-actions { padding: 12px 14px; } .notification-pause-body { padding: 0 14px 12px; } }