/* Incoming messages: a small, non-blocking surface over the actual site. */
.nt-arrivals{position:fixed;z-index:190;top:calc(var(--nt-arrival-top,88px) + env(safe-area-inset-top));left:12px;right:12px;display:grid;gap:10px;pointer-events:none;font-family:Manrope,Arial,sans-serif;color:#272631;max-height:calc(100dvh - 150px);overflow:visible}
.nt-arrivals .nt-arrival{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:17px 18px 13px 16px;background:#fff;border:0;border-radius:16px;box-shadow:0 14px 44px #08091438,0 2px 6px #0809140b;pointer-events:auto;animation:nt-arrive .22s ease-out;overflow-wrap:anywhere;text-align:left}
.nt-arrival>.nt-symbol{margin-top:3px;background:#f2efff;color:#6b4eff;border-radius:11px}
.nt-arrival[data-type=success]>.nt-symbol{color:#218569;background:#eaf7f1}
.nt-arrival[data-type=warning]>.nt-symbol{color:#a56e22;background:#fff4e3}
.nt-arrival[data-type=social]>.nt-symbol{color:#6b4eff;background:#f0edff}
.nt-arrival-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-top:3px}
.nt-arrival-copy{min-width:0}
.nt-arrivals .nt-arrival-byline{display:flex;align-items:center;gap:7px;font-size:10px;line-height:16px;font-weight:600;color:#8a8495;padding-right:25px;margin:0 0 3px;letter-spacing:.01em}
.nt-arrival-byline span{color:#c9c4d1}.nt-arrival-byline time{font-weight:400}
.nt-arrivals .nt-arrival h3{font-size:15px;line-height:21px;letter-spacing:-.2px;font-weight:750;color:#272631;margin:0 24px 5px 0}
.nt-arrivals .nt-arrival p{font-size:13px;line-height:20px;color:#686372;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal}
.nt-arrival-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;padding-top:5px}
.nt-arrival-actions button{display:inline-flex;align-items:center;gap:6px;min-height:38px;background:none;border:0;padding:5px 0;color:#6b4eff;font:700 12px/18px Manrope,Arial,sans-serif;cursor:pointer;text-align:left;border-radius:5px}
.nt-arrival-actions button.nt-arrival-more{font-weight:600;color:#8b8495}
.nt-arrival-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nt-arrivals .nt-arrival-close{position:absolute;right:2px;top:2px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#9d96a8;border-radius:12px;cursor:pointer;padding:0}
.nt-arrival-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nt-arrival-overflow{pointer-events:auto;border:0;background:#fff;box-shadow:0 8px 20px #08091420;justify-self:center;padding:4px 16px;min-height:38px;border-radius:20px;color:#6b4eff;font:600 12px/20px Manrope,Arial,sans-serif;cursor:pointer}
.nt-arrivals button:focus-visible{outline:2px solid #6b4eff;outline-offset:2px}
/* History detail is a message, with a compact heading and a local action. */
.profile-modal .nt-detail{padding-top:2px}
.profile-modal .nt-detail-heading{justify-content:flex-start;gap:10px;margin-bottom:16px}
.profile-modal .nt-detail-heading>.nt-symbol{width:34px;height:34px;border-radius:10px}
.profile-modal .nt-detail-heading>.nt-symbol svg{width:20px;height:20px}
.profile-modal .nt-detail h3{font-size:20px;line-height:1.4;letter-spacing:-.35px;margin-bottom:12px}
.profile-modal .nt-content p.nt-detail-body{font-size:14px;line-height:1.8;color:#676170}
.profile-modal .nt-detail-amount{padding:5px 0 14px;margin-bottom:14px}
.profile-modal .nt-detail-amount strong{font-size:25px;letter-spacing:-.5px}
.profile-modal .nt-detail .nt-detail-action{width:auto;min-height:44px;padding:10px 17px;gap:18px;margin-top:20px;border-radius:10px}
@media(min-width:900px){.nt-arrivals{left:auto;right:24px;width:370px}.nt-arrivals .nt-arrival{padding-top:18px;padding-bottom:14px}.nt-arrivals .nt-arrival p{font-size:13px;line-height:21px}}
@keyframes nt-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nt-arrivals .nt-arrival{animation:none}}
