/* Hinweise bleiben zugänglich; keine blockierenden Dialoge und keine Browser-Push-Abfrage. */
.notification-nav{margin-top:8px}.notification-nav-count{margin-left:auto;background:#493061;border-radius:5px;padding:1px 6px;font-size:10px;color:#ecdbff}.notification-bell{position:relative;flex-shrink:0}.notification-bell .icon{width:18px;height:18px}.notification-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#713bff;color:#fff;font-size:9px;font-weight:700;border:2px solid #fff;line-height:1}
.notification-badge[hidden],.notification-nav-count[hidden],[data-flash-message][hidden]{display:none!important}
.portal-toast-stack{position:fixed;bottom:22px;right:25px;z-index:55;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(395px,calc(100vw - 32px));pointer-events:none;max-height:calc(100dvh - 100px);overflow-y:auto;padding:3px}.portal-toast-stack:empty{display:none}.portal-toast{position:relative;border:1px solid #cbbbe2;border-left:4px solid #8153c3;border-radius:12px;padding:17px 38px 15px 17px;background:#fff;box-shadow:0 12px 40px #1b12242b;pointer-events:auto;animation:toast-in .18s ease-out;overflow-wrap:anywhere}.portal-toast h2{font-size:13px;line-height:1.4;letter-spacing:-.01em;margin:0 0 7px}.portal-toast p{font-size:11px;line-height:1.75;margin:0;color:#62546f}.portal-toast .toast-close{position:absolute;right:8px;top:9px;display:grid;place-items:center;min-width:28px;min-height:28px;border:0;background:transparent;border-radius:6px;color:#756185}.toast-close:hover{background:#f1ebf7}.toast-close svg{width:15px;height:15px}.portal-toast.notification-success{border-left-color:#377851}.portal-toast.notification-error,.portal-toast.notification-urgent{border:2px solid #c42b3d;background:#fffafb}.portal-toast.notification-warning{border-left-color:#9f6818;background:#fffdfa}.portal-toast.notification-urgent h2,.portal-toast.notification-error h2{color:#a0182b}.toast-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:10px}.toast-actions form{margin:0}.toast-actions .text-button{font-size:10px;padding:3px 0;min-height:26px}.toast-caption{display:block;font-size:9px;color:#85768f;margin-top:10px}.toast-more{font-size:10px;font-weight:600;color:#75538b;text-decoration:underline;text-underline-offset:3px}.tour-running .portal-toast-stack{visibility:hidden;pointer-events:none}
.notification-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:13px}.notification-page-actions form{margin:0}.notification-page-hint{font-size:11px;line-height:1.8;margin:12px 0 20px;max-width:940px}.notification-history{display:flex;flex-direction:column;gap:12px}.notification-entry{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.notification-entry.is-unread{border-left:3px solid #9163c8}.notification-entry.notification-urgent{border:2px solid #d1384a;background:#fffafb}.notification-entry-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:10px;background:#f0eaff;color:#7d4bae}.notification-urgent .notification-entry-icon{background:#ffe8ec;color:#b82538}.notification-success .notification-entry-icon{background:#eaf5ef;color:#357753}.notification-entry-content{min-width:0;flex:1}.notification-entry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notification-entry-heading h2{font-size:14px;line-height:1.5;margin-bottom:7px;letter-spacing:-.01em}.notification-entry-heading .badge{flex-shrink:0;font-size:9px}.notification-entry p{font-size:12px;line-height:1.8;margin:0 0 6px;overflow-wrap:anywhere}.notification-entry time{font-size:10px;color:#87748f}.notification-entry-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.notification-entry-actions form{margin:0}.notification-entry-actions .text-button{font-size:11px;padding:4px 0;display:flex;gap:6px;align-items:center;min-height:28px}.notification-entry-actions .icon{width:14px;height:14px}
@keyframes toast-in{from{transform:translateY(9px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:760px){.notification-bell{width:32px;height:32px}.public-demo-app .topbar-right{gap:8px}.portal-toast-stack{bottom:12px;right:12px;width:min(380px,calc(100vw - 24px))}.notification-entry{padding:16px;gap:11px}.notification-entry-heading{gap:8px}.notification-entry-heading h2{font-size:13px}.notification-entry p{font-size:11px}}
@media(max-width:380px){.public-demo-app .topbar{padding-inline:11px}.public-demo-app .topbar-right{gap:6px}.public-demo-app .website-return{padding-inline:7px;font-size:9px}.public-demo-app .tour-launch{width:30px;height:30px;padding:5px}.notification-entry-heading{flex-wrap:wrap}.notification-entry-heading .badge{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.portal-toast{animation:none}}