/* DISPETCH V25 — WhatsApp-style Messenger: remove custom stretch artifacts and unify sticker surface. */

/* Sticker picker is part of the chat surface; the chat wallpaper must remain visible behind it. */
html:root body .gp.chat .pro-sp {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
  border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  animation: none !important;
}
html:root body .gp.chat .pro-spt { background: transparent !important; }
html:root body .gp.chat .pro-spt button.on { background: color-mix(in srgb, currentColor 12%, transparent) !important; }
html:root body .gp.chat .pro-spg { background: transparent !important; }
html:root body .gp.chat .pro-spg button { background: transparent !important; transition: background-color .08s linear !important; }
html:root body .gp.chat .pro-spg button:active { background: color-mix(in srgb, currentColor 10%, transparent) !important; transform: none !important; }

/* Keep status/chat scroll native: custom overscroll scripts used to scale up to hundreds of children
   on every touchmove, making the list look like it was shaking and adding work to the main thread. */
html:root body :is(.tb-pg, .tb-scr, .ch-list, .tb-cl, .tb-gl, .mx-scroll, .pro-spg) {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scroll-behavior: auto !important;
  transform: none;
}
html:root body :is(.tb-pg, .tb-scr, .ch-list, .tb-cl, .tb-gl, .mx-scroll, .pro-spg) > * {
  will-change: auto !important;
}

/* The status Like action stays visible and above the status stage. */
html:root body .gp.tb-sv .tb-act { position: absolute !important; z-index: 20 !important; pointer-events: auto !important; }
html:root body .gp.tb-sv #tbLk { pointer-events: auto !important; touch-action: manipulation; }

/* Name/profile onboarding uses the existing login-verification card system. */
html:root body .tb-gate.lgwrap { max-width: 460px !important; width: 100%; padding: 24px 20px !important; text-align: left !important; }
html:root body .tb-gate .lgbrand { margin-bottom: 22px !important; }
html:root body .tb-gate .lgcard { text-align: left !important; }
html:root body .tb-gate .lgh { text-align: center !important; }
html:root body .tb-gate .sub { text-align: center !important; }
html:root body .tb-gate .vf { margin-top: 14px !important; }
html:root body .tb-gate .msg.e { color: #d64545 !important; }

/* The legacy Terminal/Flow/AI/Global/Settings navigation is no longer part of the intended UI. Keep its
   backing DOM for compatibility with older account/session handlers, but never show these menu entries. */
/* Legacy bot-builder shell stays in the DOM for old event bindings, but is no longer visible.
   The independent #tbm Messenger shell is a sibling of #app and remains fully interactive. */
#app { display: none !important; }

/* Keep scroll and tap behavior calm on low-power mobile devices. */
@media (prefers-reduced-motion: reduce) {
  html:root body .gp.chat .pro-sp,
  html:root body .gp.chat .pro-sp * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}