/* Shared physical table-edge controls and a quiet WhatsApp color breath. */
html body .table-scroll-shell {
  --table-cue-color: #a3263d;
  --table-sticky-width: 0px;
  position: relative;
  min-width: 0;
  box-sizing: border-box;
}

html body .table-scroll-shell[data-table-theme="airjet"] {
  --table-cue-color: #1d609b;
}

html body .table-scroll-shell [data-table-scroll-area] {
  padding-inline-end: 0 !important;
  scroll-snap-type: none !important;
  overscroll-behavior-x: contain;
}

html body .table-scroll-shell .table-scroll-cue {
  position: absolute !important;
  z-index: 9 !important;
  top: var(--table-cue-top, 50%) !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: -22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--table-cue-color) !important;
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer;
  touch-action: manipulation;
  transform: none !important;
  animation: none !important;
  transition: opacity 180ms ease !important;
}

html body .table-scroll-shell .table-scroll-cue--left {
  left: calc(-1 * var(--table-cue-outset-left, 20px)) !important;
  right: auto !important;
}

html body .table-scroll-shell .table-scroll-cue--right {
  right: calc(-1 * var(--table-cue-outset-right, 20px)) !important;
  left: auto !important;
}

html body .table-scroll-shell .table-scroll-cue::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 8px !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(98, 120, 145, 0.28) !important;
  border-radius: 10px !important;
  background: rgba(239, 242, 247, 0.94) !important;
  box-shadow: 0 2px 7px rgba(15, 43, 76, 0.13), inset 0 1px 0 rgba(255,255,255,.85) !important;
  transform: none !important;
}

html body .table-scroll-shell .table-scroll-cue::after {
  content: "" !important;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg) translate(-1px, 1px);
}

html body .table-scroll-shell .table-scroll-cue--left::after {
  transform: rotate(-135deg) translate(-1px, 1px);
}

html body .table-scroll-shell .table-scroll-cue:disabled {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .table-scroll-shell .table-scroll-cue:focus-visible {
  outline: 2px solid var(--table-cue-color);
  outline-offset: 1px;
  border-radius: 10px !important;
}

html body .table-scroll-shell.is-cue-intro .table-scroll-cue:not(:disabled)::after {
  animation: table-edge-intro-v119 1.6s ease-in-out 2;
}

@keyframes table-edge-intro-v119 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

/* The light overlay changes the surface only; the white glyph sits above it. */
html body .header-whatsapp[href].floating-whatsapp {
  isolation: isolate;
}

html body .header-whatsapp[href].floating-whatsapp::before {
  z-index: 2 !important;
}

html body .header-whatsapp[href].floating-whatsapp::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: rgba(255,255,255,.15);
  opacity: 0;
  pointer-events: none;
  animation: whatsapp-color-breath-v119 15s ease-in-out 1.5s infinite;
}

/* Three 3-second breaths, then 6 seconds at rest. */
@keyframes whatsapp-color-breath-v119 {
  0%, 20%, 40%, 60%, 100% { opacity: 0; }
  10%, 30%, 50% { opacity: 1; }
}

html body .header-whatsapp[href].floating-whatsapp:is(:active, :focus-visible, .is-drag-pending, .is-dragging)::after {
  animation-play-state: paused;
}

@media (hover: hover) and (pointer: fine) {
  html body .header-whatsapp[href].floating-whatsapp:not(.is-drag-pending):not(.is-dragging):is(:hover, :focus-visible) {
    transform: none !important;
  }
  html body .header-whatsapp[href].floating-whatsapp:hover::after {
    animation-play-state: paused;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .header-whatsapp[href].floating-whatsapp::after,
  html body .table-scroll-shell.is-cue-intro .table-scroll-cue::after {
    animation: none !important;
  }
  html body .table-scroll-shell [data-table-scroll-area] {
    scroll-behavior: auto !important;
  }
}