/* Activity toast — clean WHITE card, black text. Signed-out visitors, recurring (~90s). */
.vgp-activity {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 330px;
  max-width: calc(100vw - 32px);
  padding: 10px 32px 10px 10px;
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e3e6ea;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  text-decoration: none;
  font: 500 13px/1.32 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  transform: translateY(14px);
  opacity: 0;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1), opacity .35s ease;
}
.vgp-activity.vgp-activity-in { transform: translateY(0); opacity: 1; }
.vgp-activity:hover { border-color: #16a34a; }

.vgp-activity-thumb {
  flex: 0 0 auto;
  width: 38px;
  height: 50px;
  border-radius: 4px;
  background: #f0f1f3 center / cover no-repeat;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}
.vgp-activity-thumb-empty { background: #f0f1f3; }

.vgp-activity-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.vgp-activity-eyebrow {
  font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: #16a34a;
}
.vgp-activity-line { color: #1a1a1a; }
.vgp-activity-line b { font-weight: 700; color: #000; }

.vgp-activity-grade {
  align-self: flex-start;
  margin-top: 1px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .02em;
  padding: 1px 6px; border-radius: 5px;
  background: #eceef1; color: #333;
}
.at-psa   { background: #b3122a; color: #fff; }
.at-cgc   { background: #0a5bd3; color: #fff; }
.at-vga   { background: #111418; color: #f1c40f; }
.at-wata  { background: #1a2a3a; color: #fff; }
.at-pixel { background: #6b21a8; color: #fff; }

.vgp-activity-x {
  position: absolute; top: 6px; right: 8px;
  background: none; border: none; padding: 0;
  color: #9aa2ab; font-size: 17px; line-height: 1; cursor: pointer;
}
.vgp-activity-x:hover { color: #1a1a1a; }

@media (max-width: 560px) {
  .vgp-activity { left: 12px; right: 12px; bottom: 12px; width: auto; }
}