.samliv-mail-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--samliv-green,#254f45);text-decoration:none;border-radius:50%;background:color-mix(in srgb,currentColor 8%,transparent)}
.samliv-mail-indicator[hidden],.samliv-mail-toast[hidden]{display:none!important}
.samliv-mail-indicator svg,.samliv-mail-toast svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.7;flex:none}
.samliv-mail-count{position:absolute;top:-2px;right:-5px;min-width:20px;height:20px;padding:0 4px;border-radius:12px;background:var(--samliv-green,#254f45);color:white;font:700 11px/20px system-ui;text-align:center;border:2px solid var(--samliv-bg,#faf9f6)}
.samliv-mail-toast{position:fixed;right:24px;top:100px;width:min(390px,calc(100vw - 32px));z-index:90;display:flex;align-items:center;padding:16px 12px 16px 18px;gap:10px;border:1px solid color-mix(in srgb,var(--samliv-green,#254f45) 20%,transparent);border-radius:20px;background:var(--samliv-bg,#faf9f6);color:var(--samliv-green,#254f45);box-shadow:0 12px 40px #0002;animation:samliv-mail-enter .6s cubic-bezier(.2,.8,.2,1) both}
.samliv-mail-toast>a{display:flex;gap:14px;align-items:center;flex:1;color:inherit;text-decoration:none}
.samliv-mail-toast strong{display:block;font:600 16px/1.4 system-ui}.samliv-mail-toast small{display:block;margin-top:4px;font:13px/1.4 system-ui}
.samliv-mail-toast button{width:40px;height:40px;background:transparent;border:0;border-radius:50%;font:26px system-ui;cursor:pointer;color:inherit;flex:none}
.samliv-mail-toast button:hover{background:#0001}.samliv-mail-toast a:focus-visible,.samliv-mail-indicator:focus-visible,.samliv-mail-toast button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.samliv-mail-spark{fill:currentColor;stroke:none;transform-origin:33px 7px}.samliv-mail-arrived svg,.samliv-mail-toast svg{animation:samliv-mail-wiggle 1s .15s both}.samliv-mail-arrived .samliv-mail-spark,.samliv-mail-toast .samliv-mail-spark{animation:samliv-mail-bloom .65s .35s both}
.samliv-mail-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes samliv-mail-enter{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes samliv-mail-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg) translateY(-3px)}50%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}}
@keyframes samliv-mail-bloom{from{transform:scale(0)}70%{transform:scale(1.5)}to{transform:scale(1)}}
@media(max-width:600px){.samliv-mail-toast{top:84px;right:16px}}
@media(prefers-reduced-motion:reduce){.samliv-mail-toast,.samliv-mail-toast svg,.samliv-mail-arrived svg,.samliv-mail-spark{animation:none!important}}

/* Keep a quiet, visible movement while unread messages remain. */
.samliv-mail-waiting svg{animation:samliv-mail-reminder 4s ease-in-out infinite!important;transform-origin:center}
@keyframes samliv-mail-reminder{0%,30%,100%{transform:rotate(0) translateY(0)}8%{transform:rotate(-14deg) translateY(-4px)}16%{transform:rotate(12deg) translateY(-2px)}24%{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce){.samliv-mail-waiting svg{animation:none!important}}

.samliv-mail-no-motion,.samliv-mail-no-motion *{animation:none!important;transition:none!important}