/* DREAMCARS unified publication feed visuals v92
   One structural contract for admin, authenticated users and guests.
   The selectors are intentionally stronger than legacy role-specific CSS. */

@media (max-width:767px){
  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble{
    position:relative !important;
    width:var(--tg-voice-width,30%) !important;
    min-width:min(220px,80vw) !important;
    max-width:80% !important;
    min-height:82px !important;
    height:auto !important;
    box-sizing:border-box !important;
    padding:8px 12px 8px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border-radius:18px 18px 18px 0 !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    border-radius:inherit !important;
    border:0 !important;
    background:linear-gradient(180deg,rgba(25,38,53,.94),rgba(17,28,41,.96)) !important;
    box-shadow:inset 0 0 0 1px rgba(116,145,171,.18),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -10px 18px rgba(0,0,0,.10) !important;
    pointer-events:none !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-play{
    position:relative !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    align-self:center !important;
    justify-self:start !important;
    padding:0 !important;
    border:1px solid rgba(255,211,140,.72) !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 34% 28%,#ffd688 0%,#ffbb48 38%,#ff9414 72%,#e67600 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,247,220,.32),inset 0 -8px 16px rgba(0,0,0,.12),0 9px 22px rgba(0,0,0,.34),0 0 18px rgba(255,148,24,.22) !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-play::before{
    content:'' !important;
    position:absolute !important;
    left:calc(50% - 4px) !important;
    top:50% !important;
    width:0 !important;
    height:0 !important;
    transform:translateY(-50%) !important;
    border-top:8px solid transparent !important;
    border-bottom:8px solid transparent !important;
    border-left:13px solid #fff !important;
    background:none !important;
    box-shadow:none !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card.is-playing > .tg-voice-play::before{
    left:calc(50% - 7px) !important;
    top:50% !important;
    width:4px !important;
    height:16px !important;
    border:0 !important;
    transform:translateY(-50%) !important;
    background:#fff !important;
    border-radius:999px !important;
    box-shadow:9px 0 0 #fff !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-wave{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:6px !important;
    bottom:auto !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-wave > .tg-voice-progress{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    width:100% !important;
    height:100% !important;
    transform-origin:left center !important;
    transform:scaleX(0) !important;
    background:linear-gradient(90deg,rgba(255,153,32,.30),rgba(255,194,94,.10)) !important;
    border-radius:8px !important;
    pointer-events:none !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-wave > i{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    align-self:flex-end !important;
    margin-top:auto !important;
    flex:0 0 1.5px !important;
    width:1.5px !important;
    min-width:1.5px !important;
    max-width:1.5px !important;
    transform-origin:center bottom !important;
    border-radius:999px 999px 0 0 !important;
    background:rgba(216,226,235,.72) !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    display:block !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer > .tg-voice-duration{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:auto !important;
    margin:0 !important;
    padding:0 !important;
    z-index:5 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:rgba(255,255,255,.78) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:500 !important;
    font-variant-numeric:tabular-nums !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer > .tg-voice-meta{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    z-index:5 !important;
    visibility:visible !important;
    opacity:1 !important;
    color:rgba(255,255,255,.62) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:500 !important;
    overflow:visible !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer > .tg-voice-meta > .tg-eye,
  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer > .tg-voice-meta > .tg-voice-time{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    color:inherit !important;
    font-size:10px !important;
    line-height:1 !important;
    overflow:visible !important;
  }

  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble > .tg-voice-card > .tg-voice-body > .tg-voice-footer > .tg-voice-meta > .tg-voice-time{
    min-width:34px !important;
    justify-content:flex-end !important;
    text-align:right !important;
  }
}


/* DREAMCARS v94 explicit waveform unification for public, guest and admin feeds.
   Avoids :is() and clears the legacy public waveform panel. */
@media (max-width:767px){
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave,
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    padding:0!important;
    overflow:hidden!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i,
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i{
    flex:0 0 1.5px!important;
    width:1.5px!important;
    min-width:1.5px!important;
    max-width:1.5px!important;
    align-self:flex-end!important;
    margin-top:auto!important;
    transform-origin:center bottom!important;
    border-radius:999px 999px 0 0!important;
  }
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress{
    transform:scaleX(0)!important;
    background:linear-gradient(90deg,rgba(255,153,32,.30),rgba(255,194,94,.10))!important;
  }
}


/* DREAMCARS v95: exact shared waveform heights for admin, user and guest.
   Public feed previously inherited an old waveform height pattern. */
@media (max-width:767px){
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(1),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(1){height:7px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(2),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(2){height:16px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(3),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(3){height:11px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(4),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(4){height:20px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(5),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(5){height:12px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(6),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(6){height:19px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(7),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(7){height:8px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(8),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(8){height:16px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(9),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(9){height:10px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(10),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(10){height:21px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(11),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(11){height:12px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(12),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(12){height:18px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(13),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(13){height:8px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(14),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(14){height:15px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(15),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(15){height:11px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(16),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(16){height:20px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(17),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(17){height:9px!important;}
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(18),
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i:nth-of-type(18){height:14px!important;}
}


/* DREAMCARS v96: remove legacy duplicate waveform overlay everywhere in the shared feed.
   style.css draws .tg-audio-post::after as an old repeating-bar diagram; admin already hid it,
   now the same legacy layer is disabled for user and guest so only the new unified waveform remains. */
@media (max-width:767px){
  html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-audio-post::after,
  html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-audio-post::after,
  html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-audio-post::after{
    content:none!important;
    display:none!important;
    background:none!important;
    mask:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}

/* DREAMCARS v103 play button UI cache marker */

/* DREAMCARS v108 restore exact v103 voice UI */

/* DREAMCARS v109 voice click cache reset */


/* DREAMCARS v110: Telegram-like voice progress — bars become orange as playback passes them. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played{
  background:rgba(255,177,67,.98) !important;
  box-shadow:0 0 6px rgba(255,153,32,.35) !important;
}

/* DREAMCARS v110 cache marker */

/* DREAMCARS v111 cache marker */


/* DREAMCARS v112: clearer played voice bars and instant optimistic card playback support. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played{
  background:rgba(255,186,78,1) !important;
  box-shadow:0 0 7px rgba(255,153,32,.58) !important;
}
html body .tg-optimistic-uploaded .tg-voice-play{
  pointer-events:auto !important;
}

/* DREAMCARS v112 cache marker */


/* DREAMCARS v113 unified player progress */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played{
  background:rgba(255,177,67,.98) !important;
  box-shadow:0 0 6px rgba(255,153,32,.42) !important;
}



/* DREAMCARS v117: keep v113 playback intact; show voice progress only by individual waveform bars. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-progress,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-progress{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
  pointer-events:none !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i{
  background:rgba(216,226,235,.72) !important;
  background-color:rgba(216,226,235,.72) !important;
  box-shadow:none !important;
  opacity:1 !important;
  transition:background-color .08s linear, box-shadow .08s linear !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played{
  background:#ff9414 !important;
  background-color:#ff9414 !important;
  box-shadow:0 0 6px rgba(255,148,20,.60) !important;
  opacity:1 !important;
}

/* DREAMCARS v117 cache marker */

/* DREAMCARS v118 external mirror waveform progress */


/* DREAMCARS v118: inline final waveform progress, after all shared voice rules. */
html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > .tg-voice-progress{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:none!important;
}

html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i{
  background:rgba(216,226,235,.72)!important;
  background-color:rgba(216,226,235,.72)!important;
  box-shadow:none!important;
  opacity:1!important;
  transition:background-color .08s linear, box-shadow .08s linear!important;
}

html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-wave > i.is-played{
  background:#ff9414!important;
  background-color:#ff9414!important;
  box-shadow:0 0 6px rgba(255,148,20,.60)!important;
  opacity:1!important;
}

/* DREAMCARS v118 cache marker */


/* DREAMCARS v132: visual comments area under voice notes.
   This is UI only — the server logic will be connected in the next stage. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble{
  padding-bottom:10px !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-shell,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-shell{
  position:relative !important;
  z-index:4 !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:8px 0 0 !important;
  padding:0 0 1px !important;
  color:rgba(235,242,248,.92) !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-divider,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-divider{
  display:block !important;
  width:100% !important;
  height:1px !important;
  margin:0 0 8px !important;
  background:rgba(255,255,255,.12) !important;
  border:0 !important;
  border-radius:999px !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-head,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-head{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:18px !important;
  white-space:nowrap !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-mark,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-mark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  color:rgba(255,178,67,.96) !important;
  font-size:14px !important;
  line-height:14px !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-title,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-title{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:rgba(240,246,251,.94) !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-count,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:17px !important;
  height:16px !important;
  margin-left:auto !important;
  padding:0 5px !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  background:rgba(255,178,67,.18) !important;
  color:rgba(255,203,125,.98) !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:16px !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  height:16px !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty-dot,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty-dot{
  display:block !important;
  width:5px !important;
  height:5px !important;
  flex:0 0 5px !important;
  border-radius:999px !important;
  background:rgba(216,226,235,.46) !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty-text,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty-text{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:rgba(216,226,235,.68) !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:16px !important;
}

/* DREAMCARS v132 comments visual cache marker */


/* DREAMCARS v133: compact voice comments shell, without empty-text row. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble{
  padding-bottom:8px !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-shell,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-shell{
  margin-top:7px !important;
  padding-bottom:0 !important;
}

html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty,
html body .feed-post.tg-channel-post.tg-channel-post-voice .tg-voice-comments-empty{
  display:none !important;
}

/* DREAMCARS v133 comments compact cache marker */


/* DREAMCARS v134: voice message block has a straight lower-left corner only. */
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble{
  border-bottom-left-radius:0 !important;
}

/* DREAMCARS v134 voice corner cache marker */


/* DREAMCARS v139: published voice bubble left-lower corner is identical for admin, user and guest. */
html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body .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;
}
/* DREAMCARS v139 voice corner role-sync cache marker */


/* DREAMCARS v140: the inner voice surface must keep the same square lower-left corner. */
html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body .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;
}
/* DREAMCARS v140 unified inner voice surface cache marker */


/* DREAMCARS v141: public/user/guest voice bubble lower-left corner role lock. */
body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
body.user-mode .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;
}
body.user-mode #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
body.user-mode .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;
}
/* DREAMCARS v141 role-lock cache marker: 20260516_comments_v149_docked_rich_composer */


/* DREAMCARS v142: render-inline voice corner hard lock + pseudo layer parity. */
html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble,
html body .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;
}
html body #feedPosts .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body #mobileAdminFeedList .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body[data-surface] .feed-post.tg-channel-post.tg-channel-post-voice > .tg-message-bubble::before,
html body .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;
}
/* DREAMCARS v142 marker: 20260516_comments_v149_docked_rich_composer */


/* DREAMCARS v144: public/user/guest voice lower-left visual corner exactly follows admin appearance. */
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{
  border-bottom-left-radius:0 !important;
}
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{
  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;
  pointer-events:none !important;
}
/* DREAMCARS v144 lock marker: 20260516_comments_v149_docked_rich_composer */

/* DREAMCARS v145: shared publication card skin for public/user/admin feeds.
   Visual only: no feed viewport, composer, keyboard, or media sizing changes. */
html body #feedPosts .feed-post.tg-channel-post:not(.tg-channel-post-voice):not(.tg-channel-post-circle) > .tg-message-bubble,
html body #mobileAdminFeedList .feed-post.tg-channel-post:not(.tg-channel-post-voice):not(.tg-channel-post-circle) > .tg-message-bubble{
  box-sizing:border-box !important;
  border-radius:18px 18px 18px 0 !important;
  border:1px solid rgba(118,146,170,.16) !important;
  background:linear-gradient(180deg,rgba(24,35,48,.96),rgba(17,26,38,.97)) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html body #feedPosts .feed-post.tg-channel-post .tg-channel-copy,
html body #mobileAdminFeedList .feed-post.tg-channel-post .tg-channel-copy{
  color:rgba(248,250,252,.96) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:450 !important;
}

html body #feedPosts .feed-post.tg-channel-post .tg-channel-image,
html body #mobileAdminFeedList .feed-post.tg-channel-post .tg-channel-image{
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

html body #feedPosts .feed-post.tg-channel-post > .tg-feed-reaction-row,
html body #mobileAdminFeedList .feed-post.tg-channel-post > .tg-feed-reaction-row{
  margin:6px 0 2px 12px !important;
  gap:6px !important;
}

html body #feedPosts .feed-post.tg-channel-post .tg-feed-reaction-chip,
html body #mobileAdminFeedList .feed-post.tg-channel-post .tg-feed-reaction-chip{
  min-height:28px !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  border-color:rgba(118,146,170,.20) !important;
  background:rgba(20,31,43,.82) !important;
}

html body #feedPosts .feed-post.tg-channel-post .tg-voice-comments-shell,
html body #mobileAdminFeedList .feed-post.tg-channel-post .tg-voice-comments-shell{
  margin-top:8px !important;
}