.ecrsn-root{position:fixed;z-index:999999;pointer-events:none;left:22px;bottom:22px;font-family:var(--ecrsn-font,inherit)}
.ecrsn-root.ecrsn-bottom-right{left:auto;right:22px}.ecrsn-notification{width:min(360px,calc(100vw - 32px));box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;padding:13px;background:var(--ecrsn-bg,#fff);color:var(--ecrsn-text,#172033);border:1px solid #dce4f0;border-radius:var(--ecrsn-radius,16px);box-shadow:0 18px 45px #1720332b;pointer-events:auto;opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease;overflow:hidden}
.ecrsn-notification.ecrsn-visible{opacity:1;transform:translateY(0)}.ecrsn-notification:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ecrsn-accent,#1677ff)}.ecrsn-image{height:56px;width:56px;min-width:56px;border-radius:calc(var(--ecrsn-radius,16px) - 5px);overflow:hidden;background:#edf3fb}.ecrsn-image img{height:100%;width:100%;object-fit:cover;display:block}.ecrsn-body{min-width:0;flex:1;padding-right:13px}.ecrsn-badge{font-size:11px;line-height:1;color:var(--ecrsn-accent,#1677ff);font-weight:700;margin:1px 0 8px}.ecrsn-customer{font-size:14px;line-height:1.35;margin:0 0 3px}.ecrsn-product{font-size:13px;font-weight:700;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecrsn-product a{color:inherit;text-decoration:none}.ecrsn-product a:hover{text-decoration:underline}.ecrsn-time{display:block;margin-top:7px;color:var(--ecrsn-muted,#657084);font-size:12px;line-height:1.2}.ecrsn-close{position:absolute;right:8px;top:8px;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ecrsn-muted,#657084);font-size:19px;line-height:20px;cursor:pointer}.ecrsn-close:hover{background:#0000000d;color:var(--ecrsn-text,#172033)}
@media(max-width:600px){.ecrsn-root{left:16px;right:16px;bottom:auto;top:16px}.ecrsn-root.ecrsn-mobile-bottom{top:auto;bottom:16px}.ecrsn-root.ecrsn-bottom-right{left:16px;right:16px}.ecrsn-notification{width:100%;transform:translateY(-16px)}.ecrsn-root.ecrsn-mobile-bottom .ecrsn-notification{transform:translateY(16px)}.ecrsn-notification.ecrsn-visible{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ecrsn-notification{transition:none}}