/* DREAMCARS V146 — confirmed root-cause fix.
   User/guest voice bubble itself already had a square lower-left corner,
   but the parent .feed-post voice article clipped it with overflow:hidden + border-radius:22px.
   This file is loaded last. */

/* Public/user/guest voice post wrapper must not round/clip the bubble corner. */
html body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice,
html body.user-mode .feed-post.tg-channel-post.tg-channel-post-voice,
html body[data-surface="user"] #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice,
html body[data-surface="user"] .feed-post.tg-channel-post.tg-channel-post-voice {
  overflow: visible !important;
  border-radius: 0 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Keep the actual visible voice bubble aligned with admin. */
html body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body.user-mode .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body[data-surface="user"] #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body[data-surface="user"] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble {
  border-radius: 18px 18px 18px 0 !important;
  border-bottom-left-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

/* Inner visual surface follows the same square lower-left corner. */
html body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body.user-mode .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body[data-surface="user"] #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body[data-surface="user"] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before {
  border-radius: 18px 18px 18px 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Existing lower-left fill/tail remains available and is no longer clipped by the parent. */
html body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::after,
html body.user-mode .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::after,
html body[data-surface="user"] #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::after,
html body[data-surface="user"] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::after {
  content: "" !important;
  position: absolute !important;
  left: -4px !important;
  bottom: 0 !important;
  width: 10px !important;
  height: 13px !important;
  background: rgba(20,27,34,.98) !important;
  clip-path: polygon(100% 0,0 100%,100% 100%) !important;
  -webkit-clip-path: polygon(100% 0,0 100%,100% 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* DREAMCARS V146 marker: 20260516_comments_v148_layout_fixes */