/* UX-M1 opt-in for the real public-chat snapshot. Inert without the class. */
@media (max-width: 820px) {
  html.mobile-shell-v2,
  html.mobile-shell-v2 body {
    width: 100%;
    min-height: 0;
    height: var(--vvh, 100dvh);
    overflow: hidden;
  }

  body.mobile-shell-v2 {
    position: fixed;
    inset: auto 0 auto 0;
    top: var(--vvtop, 0px);
    width: 100%;
    height: var(--vvh, 100dvh);
    overscroll-behavior: none;
  }

  body.mobile-shell-v2 #app,
  body.mobile-shell-v2 #paneChat,
  body.mobile-shell-v2 #crm {
    height: var(--vvh, 100dvh);
    max-height: var(--vvh, 100dvh);
    min-height: 0;
    overflow: hidden;
  }

  body.mobile-shell-v2 #paneLista,
  body.mobile-shell-v2 #chatBox,
  body.mobile-shell-v2 #emailView {
    min-height: 0;
    overflow: hidden;
  }

  body.mobile-shell-v2 .lista,
  body.mobile-shell-v2 .msgs,
  body.mobile-shell-v2 .em-corpo-txt,
  body.mobile-shell-v2 .crm-body,
  body.mobile-shell-v2 #paneCli {
    min-height: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.mobile-shell-v2 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.mobile-shell-v2 select,
  body.mobile-shell-v2 textarea {
    font-size: 16px !important;
    line-height: 1.35;
  }

  body.mobile-shell-v2 .composer {
    flex: 0 0 auto;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  }
}