/* polish-chat: visual fixes for chat UI (loaded last) */

/* list tabs: fit into the sidebar without clipping the last tab */
.ch-tabs{gap:0;padding:2px 6px 8px}
.ch-tab{font-size:12.5px;padding:5px 7px;gap:4px}
.ch-tabn{min-width:16px;height:16px;padding:0 4px;font-size:10px}
@media (pointer:coarse){.ch-tab{position:relative}.ch-tab::after{content:"";position:absolute;inset:-6px -1px}}

@media (max-width:359px),(min-width:900px) and (max-width:1199px){
  .ch-tabs{padding:2px 4px 8px}
  .ch-tab{font-size:12px;padding:5px 5px;gap:3px}
  .ch-tabn{min-width:15px;height:15px;padding:0 3px;font-size:9.5px}
}

@media (max-width:359px){.ch-tab{padding:5px 4px;gap:2px;font-size:11.5px}}

/* voice message must never be wider than its bubble on narrow phones */
.cm-view .vm,.cm-view.cm-compact .vm,#chat-panel .vm{min-width:0;width:min(300px,62vw);max-width:100%}
.cm-view .cm-bubble .vm{width:min(300px,62vw)}
@media (max-width:420px){.cm-view .vm{width:min(300px,58vw)}}

/* chat header on very narrow phones: keep the title readable */
@media (max-width:400px){
  #chats-view .cm-head{padding:6px 6px;gap:2px}
  #chats-view .cm-hclick{gap:8px}
  #chats-view .cm-hava .ch-ava{width:34px!important;height:34px!important}
  #chats-view .cm-hbtns{gap:0}
}
@media (max-width:340px){
  #chats-view .cm-hava{display:none}
}

/* profile tabs: breathing room at both edges */
.pf-tabs{padding:0 4px}
.pf-photos{gap:2px;padding:2px}

/* waveform bars never spill out of the voice bubble */
.vm-main{overflow:hidden}
.vm-wave{overflow:hidden;gap:1px}
@media (max-width:420px){.vm-wave{gap:1px}.vm-wave i{max-width:2px;min-width:0;flex:1 1 0}}