.customer-activity{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:11px;box-sizing:border-box;width:320px;max-width:calc(100vw - 24px);padding:13px 30px 13px 13px;border:1px solid #dce5f1;border-radius:14px;background:linear-gradient(120deg,#fff 65%,#f4f7fc);box-shadow:0 10px 30px rgba(23,49,92,.14),0 3px 8px rgba(23,49,92,.07);font-family:Inter,system-ui,sans-serif;animation:activity-enter .25s ease-out}
.customer-activity[hidden]{display:none}
.activity-photo{width:42px;height:48px;flex-shrink:0;object-fit:contain;object-position:center top;background:#edf2f8;border-radius:7px;border:2px solid #fff;outline:1px solid #e0e8f3}
.activity-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"person label" "product product" "time time";gap:4px 7px;flex:1;min-width:0;line-height:1.35}
.activity-label{grid-area:label;align-self:center;padding:2px 5px;border-radius:4px;background:#eaf1fb;color:#46638c;font-size:9px;font-weight:600;line-height:1.2}
.activity-person{grid-area:person;font-size:12px;font-weight:700;color:#1a2f4c;overflow-wrap:anywhere}
.activity-action{margin-left:3px;font-size:11px;font-weight:400;color:#64748b}
.activity-product{grid-area:product;font-size:12px;font-weight:500;line-height:1.4;color:#2b5594;text-decoration:none;overflow-wrap:anywhere}
.activity-product:hover{text-decoration:underline;text-underline-offset:3px}
.activity-time{grid-area:time;font-size:10px;color:#64748b;line-height:1.4}
.activity-close{position:absolute;top:5px;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;background:transparent;color:#708098;font-size:17px;cursor:pointer}
.activity-close:hover{background:#eaf0f8;color:#274c81}
.customer-activity :focus-visible{outline:2px solid #236bf2;outline-offset:3px}
.customer-activity.is-leaving{animation:activity-exit .3s ease-in forwards;pointer-events:none}
@keyframes activity-enter{from{opacity:0;transform:translateX(calc(100% + 24px))}to{opacity:1;transform:translateX(0)}}
@keyframes activity-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 24px))}}
@media(max-width:750px){
  .customer-activity{right:12px;bottom:12px;width:265px;padding:9px 28px 9px 9px;gap:8px;border-radius:10px;box-shadow:0 8px 24px rgba(15,30,55,.22),0 2px 7px rgba(15,30,55,.12)}
  .activity-photo{width:31px;height:37px;border-radius:5px}
  .activity-copy{gap:3px 4px}
  .activity-person,.activity-product{font-size:11px}
  .activity-action{font-size:10px}
  .activity-time{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.customer-activity,.customer-activity.is-leaving{animation:none}}