/* Personal bubble colours need their own text contrast. Important rules in a
   named layer take precedence over the legacy unlayered theme overrides. Media
   players and rich cards retain their existing theme surfaces and controls. */
@layer nexti-personal-appearance {
  @media (max-width:767px), (pointer: coarse) and (max-device-width: 767px), (pointer: coarse) and (max-device-height: 767px) {
    .app-mobile-layout--app .tg-chat-container.has-conversation-appearance
    .tg-chat-container__message:is(.variant-default,.variant-reply,.variant-file):not(:is(.is-voice-message,.has-forwarded-preview,.is-bare-image,.is-bare-video,.is-emoji-only,.is-mp3-message,[class*="circle-video"])) {
      --nx-personal-message-ink:var(--nx-personal-incoming-ink);
      color:var(--nx-personal-message-ink)!important;
    }
    .app-mobile-layout--app .tg-chat-container.has-conversation-appearance
    .tg-chat-container__message:is(.variant-default,.variant-reply,.variant-file).is-mine:not(:is(.is-voice-message,.has-forwarded-preview,.is-bare-image,.is-bare-video,.is-emoji-only,.is-mp3-message,[class*="circle-video"])) {
      --nx-personal-message-ink:var(--nx-personal-outgoing-ink);
    }
    .app-mobile-layout--app .tg-chat-container.has-conversation-appearance
    .tg-chat-container__message:is(.variant-default,.variant-reply,.variant-file):not(:is(.is-voice-message,.has-forwarded-preview,.is-bare-image,.is-bare-video,.is-emoji-only,.is-mp3-message,[class*="circle-video"]))
    :is(.tg-chat-container__text,.tg-chat-container__meta,.tg-chat-container__author-line,.tg-chat-container__message-footer,.tg-chat-container__msg-time) {
      color:var(--nx-personal-message-ink)!important;
    }
    .app-mobile-layout--app .tg-chat-container.has-conversation-appearance
    .tg-chat-container__message:is(.variant-default,.variant-reply,.variant-file):not(:is(.is-voice-message,.has-forwarded-preview,.is-bare-image,.is-bare-video,.is-emoji-only,.is-mp3-message,[class*="circle-video"]))
    .tg-chat-container__text a {
      color:inherit!important;
      text-decoration:underline;
    }
  }
}