.notification-swipe{position:relative;overflow:hidden;border-radius:14px;touch-action:pan-y pinch-zoom}.notification-swipe-reveal{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:18px;background:#b42332;color:white;font-weight:700}.notification-swipe-front{position:relative;background:white;border-radius:14px;will-change:transform}.notification-centre-list .notification-open{touch-action:pan-y pinch-zoom;cursor:pointer}.notification-remove-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:2px 10px 6px auto;padding:8px 12px;background:white;border:0;border-radius:8px;color:#a51e2e;font-size:12px;font-weight:650;cursor:pointer}.notification-remove-button:disabled{opacity:.65}.notification-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#eaf6ee;border:1px solid #b3d9c0;border-radius:12px;margin-bottom:12px}.notification-undo span{min-width:0;overflow-wrap:anywhere;font-size:14px}.notification-undo button{flex-shrink:0;min-height:44px;padding:8px 16px;background:#086841;color:white;border:0;border-radius:8px;font-weight:700}.notification-remove-error{padding:12px;color:#a51e2e;background:#fff1f1;border-radius:10px}.notification-swipe button:focus-visible{outline:3px solid #1976d2;outline-offset:-3px}

.notification-undo-floating{position:fixed;z-index:45;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));pointer-events:none}.notification-undo-floating .notification-undo{margin:0;padding:8px 12px;box-shadow:0 8px 30px #12334330;pointer-events:auto}.notification-undo-floating .notification-undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-undo-floating .notification-undo-close{padding:8px;min-width:40px;background:transparent;color:#163944}.notification-swipe{overflow-anchor:none}.notification-centre-list{overflow-anchor:none}

/* Rally Up dark appearance — generated by scripts/generate-theme-styles.mjs */
@media screen {
html[data-rally-theme="dark"] .notification-swipe-front {background:#152733
}
html[data-rally-theme="dark"] .notification-remove-button {background:#152733;color:#ffc1c8
}
html[data-rally-theme="dark"] .notification-undo {background:#143e30;border:1px solid #54886d
}
html[data-rally-theme="dark"] .notification-remove-error {color:#ffc1c8;background:#49262f
}
html[data-rally-theme="dark"] .notification-swipe button:focus-visible {outline:3px solid #6485aa
}
html[data-rally-theme="dark"] .notification-undo-floating .notification-undo-close {color:#9ce6ec
}
}