/* Vchat Core 0.66.36-alpha | Inbox mobile reply-mode label deduplication.
   Both buttons already contain accessible, localizable text in Portal.php.
   Older mobile styles appended a second label through ::after while a later
   portrait rule restored the original text size. This layer removes only the
   generated duplication. No JS, modes, semantics or handlers are changed. */
@media screen and (max-width: 900px) {
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-reply-mode > button[data-mode="reply"]::after,
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-reply-mode > button[data-mode="note"]::after {
    content: none !important;
    display: none !important;
  }

  /* Reenable the actual button label (legacy mobile CSS set font-size:0). */
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-reply-mode > button[data-mode="reply"],
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-reply-mode > button[data-mode="note"] {
    font-size: clamp(11px, 3.3vw, 13px) !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    padding-inline: clamp(7px, 2vw, 11px) !important;
    text-align: center !important;
  }

  /* Do not allow legacy 158px portrait caps to clip 'Nota interna'. */
  #vchat-frontend-app.vchat-frontend-app .vchat-inbox-section .vchat-reply-mode {
    max-width: 100% !important;
    width: max-content !important;
  }
}