.user-notification-stack{position:fixed;top:20px;right:20px;z-index:9000;display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);pointer-events:none}
.user-approval-toast{position:relative;display:flex;align-items:stretch;min-height:90px;padding:0;overflow:hidden;border:1px solid #07505b;border-radius:9px;background:#04333b;color:#f2fafb;box-shadow:0 8px 24px #00000024;pointer-events:auto;animation:approval-toast-in .22s ease-out}
.approval-toast-icon{flex:0 0 60px;display:grid;place-items:center;background:#011f26;color:#00d2ff;font-size:18px}
.approval-toast-content{position:relative;flex:1;min-width:0;padding:14px 15px 13px}
.user-approval-toast strong{display:block;padding-right:69px;font-size:14px;font-weight:600;line-height:1.5}
.user-approval-toast p{margin:4px 0 0;font-size:13px;line-height:1.6;color:#9ac4cd}
.user-approval-toast time{position:absolute;right:15px;top:17px;font-size:12px;line-height:1.5;color:#9ac4cd;white-space:nowrap}
.user-approval-toast>button{position:absolute;right:5px;bottom:3px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:#04333b;color:#9ac4cd;cursor:pointer;font-size:18px;line-height:1;opacity:0}
.user-approval-toast:hover>button,.user-approval-toast>button:focus-visible{opacity:1}.user-approval-toast>button:focus-visible{outline:2px solid #ffcc00;outline-offset:-2px}
@keyframes approval-toast-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:767px){.user-notification-stack{top:calc(64px + env(safe-area-inset-top,0px));right:10px;max-width:calc(100vw - 20px);width:350px;gap:9px}.approval-toast-icon{flex-basis:56px}.approval-toast-content{padding:13px 13px 12px}.user-approval-toast time{right:13px;top:16px}}
@media(prefers-reduced-motion:reduce){.user-approval-toast{animation:none}}