.notify-stack{position:fixed;top:20px;right:20px;z-index:12000;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}.notify-item{--accent:#0f7a61;pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;gap:11px;align-items:start;background:#fff;border:1px solid #dce6ec;border-left:4px solid var(--accent);border-radius:14px;padding:13px 12px 13px 11px;box-shadow:0 18px 45px rgba(11,31,51,.16);animation:notifyIn .22s ease both;overflow:hidden}.notify-item.is-leaving{animation:notifyOut .18s ease both}.notify-item.success{--accent:#0f7a61}.notify-item.error,.notify-item.danger{--accent:#b23a43}.notify-item.info{--accent:#137d9d}.notify-item.warning{--accent:#b77812}.notify-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:900;font-size:17px}.notify-copy{min-width:0}.notify-title{margin:1px 0 3px;color:#15364e;font-size:13px;font-weight:850}.notify-message{margin:0;color:#607587;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.notify-close{border:0;background:transparent;color:#8193a2;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:18px;line-height:1}.notify-close:hover{background:#f1f5f7;color:#314b5d}@keyframes notifyIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}@keyframes notifyOut{to{opacity:0;transform:translateX(16px) scale(.98)}}@media(max-width:620px){.notify-stack{top:12px;right:14px;left:14px;width:auto}.notify-item{grid-template-columns:34px minmax(0,1fr) 28px}}
