.app-notifications{position:fixed;inset:auto max(1rem,env(safe-area-inset-right,0px)) calc(var(--ppc-mobile-nav-reserve, env(safe-area-inset-bottom, 0px)) + 1rem) auto;z-index:1200;display:flex;flex-direction:column;gap:.75rem;width:min(28rem,calc(100vw - 2rem));max-height:calc(100dvh - var(--ppc-mobile-nav-reserve, env(safe-area-inset-bottom, 0px)) - 3rem);overflow-y:auto;background:transparent;filter:drop-shadow(0 6px 12px rgb(15 23 42 / .18));pointer-events:none;font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.5}.app-notifications[hidden]{display:none}.app-notifications,.app-notifications *{box-sizing:border-box}.app-notifications .app-notification{display:flex;align-items:center;gap:.75rem;padding:.75rem;flex-shrink:0;border-radius:12px;pointer-events:auto}.app-notification--success{background:#f1fbf4;color:#17623a}.app-notification--error{background:#fff5f5;color:#a02d2d}.app-notification--warning{background:#fff8e1;color:#785000}.app-notification--info{background:#eff6ff;color:#1e40af}.app-notifications .app-notification p{flex:1;min-width:0;margin:0;font:inherit;color:inherit;overflow-wrap:anywhere}.app-notifications .app-notification svg{display:block;width:1.25rem;height:1.25rem;flex-shrink:0}.app-notifications .app-notification button{display:inline-grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.app-notifications .app-notification button:hover{background:#0f172a14}.app-notifications .app-notification button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(min-width:1024px){.app-notifications{bottom:max(1rem,env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 3rem)}}