/* ==========================================================================
   Resume chip — the toast shown when a page restores a member's last confirmed
   position instead of opening fresh (see js/products/productLandingViewState).

   It exists to answer one question before it is asked: "why am I halfway down
   the Notes tab?". It states the reason, stays out of the way, and removes
   itself; it is never interactive, so it carries `role="status"` rather than a
   dismiss control.
   ========================================================================== */

.cc-resume-chip {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  z-index: 1080;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-width: calc(100vw - 2rem);
  padding: 0.5rem 0.95rem;
  border: 1px solid rgba(var(--cc-green-rgb, 149, 193, 31), 0.45);
  border-radius: 999px;
  background-color: var(--cc-surface-1, #1a1a1a);
  color: var(--cc-bone, #f2f2f2);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  /* Starts out of the way; `--in` brings it up. translateX keeps it centred. */
  transform: translate(-50%, 1rem);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.cc-resume-chip i {
  color: var(--cc-green, #95c11f);
}

.cc-resume-chip--in {
  transform: translate(-50%, 0);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .cc-resume-chip {
    transition: opacity 0.2s linear;
    transform: translate(-50%, 0);
  }
}