/* GV Team Chat - mobile layout fix. Scoped only to the team's chat tab. */
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-panel {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  scroll-margin-top: 8px;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-shell {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: var(--gvtc-mobile-height, min(430px, 52dvh));
  max-height: 630px;
  min-height: 0;
  overflow: hidden;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-head,
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose,
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-notice:not([hidden]) {
  flex: 0 0 auto;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-chat-area {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-messages {
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose {
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  background: #194b34;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose textarea {
  font-size: 16px; /* Prevent browser zoom while typing on iPhone. */
  padding: 10px;
  min-height: 42px;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose button {
  flex: 0 0 auto;
  min-height: 42px;
}
/* Accounts without a team see a compact action instead of an empty full-height chat. */
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-panel.gvtc-unjoined .gvtc-shell {
  height: auto !important;
  max-height: none;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-panel.gvtc-unjoined .gvtc-chat-area,
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-panel.gvtc-unjoined .gvtc-compose {
  display: none !important;
}
.gvtc-mobile-join {
  display: none;
  text-align: center;
  padding: 12px 12px 15px;
  background: #123e2c;
}
html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-panel.gvtc-unjoined .gvtc-mobile-join {
  display: block;
}
.gvtc-mobile-join button {
  appearance: none;
  border: 1px solid #d4a457;
  border-radius: 12px;
  padding: 11px 16px;
  min-height: 43px;
  background: linear-gradient(#ffe298, #eeb954);
  color: #573511;
  font-size: 13px;
  font-family: inherit;
  font-weight: 900;
  cursor: pointer;
}
/* During phone keyboard entry, the team toolbar releases vertical space. */
html body.gvtm-mode.gvtc-mobile-typing[data-gvtm-active="chat"] .gvtm-toolbar {
  display: none !important;
}
@media (max-width: 390px) {
  html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-head { padding: 9px 10px; }
  html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose { gap: 6px; padding: 7px; }
  html body.gvtm-mode[data-gvtm-active="chat"] .gvtc-compose button { min-width: 55px; }
}