.customer-added{position:fixed;left:58px;bottom:70px;width:min(650px,calc(58vw - 70px));display:flex;align-items:center;gap:18px;padding:20px 24px;background:#164d3f;color:#fff;border:1px solid #ffffff30;border-radius:20px;box-shadow:0 18px 60px #103b3938;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(20px) scale(.98);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),visibility .25s;font-family:InterCustomerLao,'Noto Sans Lao',sans-serif}
.customer-added.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.customer-added-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;background:#caedd9;color:#185b42;border-radius:50%;font-size:26px;font-weight:700}.customer-added-copy{min-width:0;flex:1}.customer-added-label{display:block;color:#b4ddc9;font-size:13px;margin-bottom:5px}.customer-added-copy strong{display:block;font-size:21px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-added-meta{font-size:14px;color:#c8dfd5;margin-top:5px}.customer-added-total{font-size:22px;font-weight:700;white-space:nowrap}.customer-row-added{animation:customerAddedRow 2.2s ease-out}@keyframes customerAddedRow{0%,25%{background:#d9f2e4;box-shadow:inset 4px 0 #299467}100%{background:transparent;box-shadow:inset 0 0 transparent}}
@media(orientation:portrait),(max-width:850px){.customer-added{left:24px;right:24px;bottom:65px;width:auto;padding:16px;gap:12px}.customer-added-copy strong{font-size:18px}.customer-added-total{font-size:18px}.customer-added-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.customer-added{transition:none}.customer-row-added{animation:none;background:#e4f3ea}}