/* CASA_CHATTER_IOS_MINIMAL_UI_V2
   Only exposes required iPhone controls. It does not resize or reposition chat. */
.push-notification-toggle,.mobile-translation-toggle{display:none}
@media(max-width:700px){
  .push-notification-toggle{display:flex!important;align-items:center;justify-content:center;width:100%;padding:9px 10px!important;border:1px solid #7659b5!important;border-radius:9px!important;background:#30234d!important;color:#fff!important;font-size:12px!important}
  .push-notification-toggle.is-enabled{border-color:#35d09a!important;background:#143f35!important;color:#9ff2d2!important}
  .mobile-translation-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:40px!important;padding:7px 10px!important;border:1px solid #7256b6!important;background:#3b3260!important;color:#fff!important;white-space:nowrap!important}
  .composer-wrap #composerEditTools{display:flex!important;gap:6px!important}
  .composer-wrap #quickRepliesButton{width:auto!important;flex:1 1 auto!important}
}

/* IOS_SAFE_AREA_HEADER_V1 */
@media(max-width:700px){header{padding-top:calc(10px + env(safe-area-inset-top))!important;min-height:calc(58px + env(safe-area-inset-top))!important}}

/* CASA_CHATTER_MOBILE_ENGLISH_PULL_REFRESH_V1 */
.ce-pull-refresh {
  display: none;
}

@media (max-width: 700px) {
  .composer-edit-tools {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding: 5px 8px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .composer-edit-tools::-webkit-scrollbar {
    display: none;
  }

  #mobileTranslationModeToggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: -100 !important;
    flex: 0 0 auto !important;
    min-width: 104px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #8064ca !important;
    border-radius: 9px !important;
    background: #3b3260 !important;
    color: #fff !important;
    white-space: nowrap !important;
  }

  .ce-pull-refresh {
    display: flex;
    position: fixed;
    z-index: 200;
    top: calc(env(safe-area-inset-top) + 8px);
    left: 50%;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    padding: 8px 13px;
    border: 1px solid rgba(167,139,250,.45);
    border-radius: 999px;
    background: rgba(25,20,37,.96);
    box-shadow: 0 8px 25px rgba(0,0,0,.38);
    color: #ddd2ff;
    font-size: 12px;
    font-weight: 800;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%,-60px);
    transition: transform .16s ease, opacity .16s ease;
  }

  .ce-pull-refresh.is-visible {
    opacity: 1;
  }

  .ce-pull-refresh.is-ready {
    color: #8ef0c2;
    border-color: rgba(72,221,156,.65);
  }
}