/* Owner-approved desktop-only conversation toggle. Mobile geometry is unchanged. */
@media (min-width: 768px) and (pointer: fine) {
  #app .conversation.chat-collapsed { grid-template-columns: minmax(0, 1fr); }
  #app .presence { position: relative; }
  #app .chat-reopen {
    position: absolute;
    right: 8%;
    top: 40%;
    width: 58px;
    height: 58px;
    min-height: 58px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e0e2d9;
    border-radius: 50%;
    background: #f4f5f0;
    color: #282522;
    z-index: 2;
  }
  #app .chat-reopen[hidden] { display: none; }
  #app .chat-reopen svg { width: 24px; height: 24px; }
  #app .chat-reopen:focus-visible { outline: 3px solid #6c842e; outline-offset: 4px; }
  #app .mobile-help-open {
    display: flex;
    position: absolute;
    right: 0;
    top: 22px;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    background: transparent;
  }
}

/* Add after current runtime styles. Preserve shared WhatsApp appearance. */
#call-whatsapp[hidden]{display:none!important}
.controls.active:has(#call-whatsapp:not([hidden])){
  grid-template-rows:18px 54px 54px minmax(44px,auto);
  padding-top:0;
}
#call-whatsapp{
  width:min(100%,340px);
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.3;
  padding:8px 16px;
  box-sizing:border-box;
}
@media(max-width:767px),(max-width:1024px) and (pointer:coarse){
  .controls.active:has(#call-whatsapp:not([hidden])){padding-top:6px}
  .controls #call-whatsapp{width:min(100%,290px)}
}

/* Append to existing design stylesheet; no global button/layout changes. */
.brand .release-tag{display:inline-block;flex:0 1 auto;max-width:92px;color:#73766e;font-size:11px;font-weight:400;line-height:1.25;letter-spacing:0;text-align:left;overflow-wrap:anywhere}
.brand .release-tag[hidden]{display:none}
.phone-icon{flex:none;width:20px;height:20px}
@media(max-width:430px){.brand .release-tag{max-width:76px;font-size:10px}}

/* Reuse approved microphone actions without replacing hosted baseline styles. */
.primary-icon{mask-image:url("microphone-icon.svg");-webkit-mask-image:url("microphone-icon.svg")}
#primary-action[data-mic-action="mute"] .primary-icon{mask-image:url("microphone-off-icon.svg");-webkit-mask-image:url("microphone-off-icon.svg")}