.contipay-admin .cp-notification-drawer { right: 0; bottom: 0; overflow-y: auto; overscroll-behavior: contain; z-index: 2260; }
.cp-notification-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--cp-border); }
.cp-notification-heading button { flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid var(--cp-border); border-radius: 4px; background: var(--cp-surface); color: var(--cp-text); }
.cp-notification-heading button:focus-visible { outline: 2px solid var(--cp-blue); outline-offset: 2px; }
.cp-notification-empty { padding: 16px; color: var(--cp-text-muted); }
.cp-notification-heading-actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.cp-notification-heading .cp-drawer-title { min-width: 0; overflow-wrap: anywhere; }
.cp-notification-heading .cp-switch { position: relative; width: 44px; height: 44px; flex-basis: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.cp-notification-heading .cp-switch::before { content: ''; position: absolute; inset: 10px 1px; border-radius: 20px; background: var(--cp-text-muted, #66798a); }
.cp-switch-thumb { position: absolute; top: 13px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--cp-surface, #fff); transition: transform .15s ease; }
.cp-notification-heading .cp-switch[aria-checked="true"]::before { background: var(--cp-blue, #087db6); }
.cp-switch[aria-checked="true"] .cp-switch-thumb { transform: translateX(18px); }
.cp-switch:disabled { opacity: .5; cursor: default; }
.cp-notification-error { margin: 0; padding: 10px 16px; color: var(--cp-text); background: var(--cp-surface); border-bottom: 1px solid var(--cp-border); overflow-wrap: anywhere; }
.cp-notification-error[hidden] { display: none; }
.cp-notification-entry:focus-visible { outline: 2px solid var(--cp-blue); outline-offset: -2px; }
.cp-notification-entry p { white-space: pre-wrap; }
.cp-notification-entry { display: block; padding: 14px 16px; border-bottom: 1px solid var(--cp-border, #d5e0e8); color: var(--cp-text, #203340); overflow-wrap: anywhere; text-decoration: none; }
.cp-notification-entry p { margin: 6px 0; }
.cp-notification-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: start; border-bottom: 1px solid var(--cp-border); padding-right: 8px; }
.cp-notification-row .cp-notification-entry { border-bottom: 0; min-width: 0; }
.cp-notification-remove { width: 36px; height: 36px; margin-top: 8px; border: 1px solid var(--cp-border); border-radius: 4px; background: var(--cp-surface); color: var(--cp-text-muted); }
.cp-notification-remove:hover { color: var(--cp-text); border-color: var(--cp-blue); }
.cp-notification-remove:focus-visible { outline: 2px solid var(--cp-blue); outline-offset: 2px; }
.cp-notification-remove:disabled { opacity: .5; }
@media (max-width: 767px) { .cp-notification-remove { width: 44px; height: 44px; } }
.cp-notification-entry small { color: var(--cp-muted, #526675); }
[data-cp-theme="dark"] .cp-notification-entry { color: #e1edf3; border-color: #3b4a54; }
[data-cp-theme="dark"] .cp-notification-entry small { color: #b6c7d1; }
@media (prefers-reduced-motion: reduce) { .cp-switch-thumb { transition: none; } }
.cp-publication-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.cp-publication-preview { padding: 16px 0; border-bottom: 1px solid var(--cp-border); margin-bottom: 16px; }
.cp-publication-preview > .cp-settings-field { max-width: 360px; }
.cp-publication-preview dd { margin: 4px 0 12px; overflow-wrap: anywhere; }