/* VozonTech - lista "Chamadas ao vivo" (#cli-av-lista) v3: linha unica no computador, cartao no celular */
#cli-av-lista > div{
  display:flex!important; align-items:center!important; gap:14px!important; flex-wrap:nowrap!important;
  padding:4px 12px!important; border-radius:9px!important; margin-bottom:3px!important; border-left-width:4px!important;
}
html[data-tema="grafite"] #cli-av-lista > div{background:#1b1e23!important;border-top-color:#33383f!important;border-right-color:#33383f!important;border-bottom-color:#33383f!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important}
html[data-tema="claro"] #cli-av-lista > div{background:#ffffff!important;border-top-color:#d9dee6!important;border-right-color:#d9dee6!important;border-bottom-color:#d9dee6!important;box-shadow:0 1px 2px rgba(17,24,39,.06),0 4px 14px rgba(17,24,39,.06)!important}
/* bolinha */
#cli-av-lista > div > div:first-child{flex:0 0 10px;width:10px!important;height:10px!important;box-shadow:0 0 0 4px rgba(127,127,127,.12)}
/* ramal -> numero */
#cli-av-lista > div > div:nth-child(2){flex:1.4 1 0;min-width:0;font-size:13px!important}
/* blocos de informacao (rotulo em cima, valor embaixo) */
#cli-av-lista .vzav-info{flex:1 1 0;min-width:0}
#cli-av-lista .vzav-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* selo */
#cli-av-lista span[style*="font-size:8px"]{font-size:9.5px!important;padding:2px 8px!important;border-radius:999px!important;font-weight:800!important;letter-spacing:.4px}
/* separadores */
#cli-av-lista div[style*="width:1px"]{flex:0 0 1px;background:var(--border2,rgba(127,127,127,.25))!important;height:18px!important}
/* rotulos e valores */
#cli-av-lista span[style*="font-size:7px"]{font-size:8.5px!important;letter-spacing:.7px!important;color:var(--text3)!important;font-weight:700!important}
#cli-av-lista span[style*="font-size:10px"]{font-size:11.5px!important;line-height:1.2}
#cli-av-lista span[onclick^="verDadosContato"]{text-decoration:none!important;font-weight:700!important}
#cli-av-lista span[onclick^="verDadosContato"]:hover{text-decoration:underline!important}
/* cronometro, escuta e encerrar (marcados pelo vz-ao-vivo.js) */
#cli-av-lista .vzav-tempo{flex:0 0 auto;min-width:48px;text-align:right;font-size:13px!important;font-weight:800!important;font-variant-numeric:tabular-nums}
#cli-av-lista .vzav-ouvir{flex:0 0 auto;width:26px!important;height:26px!important;min-height:26px!important;padding:0!important;border-radius:10px!important;border:1px solid var(--border2,rgba(127,127,127,.3))!important;background:transparent!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;color:var(--cyan)!important}
#cli-av-lista .vzav-encerrar{flex:0 0 auto;min-height:26px!important;height:26px;padding:0 10px!important;border-radius:8px!important;border:1px solid rgba(220,38,38,.55)!important;background:transparent!important;color:#ef4444!important;font-size:12px!important;font-weight:700!important;cursor:pointer;margin:0!important;white-space:nowrap}
#cli-av-lista .vzav-encerrar:hover{background:#dc2626!important;color:#fff!important}
html[data-tema="claro"] #cli-av-lista .vzav-ouvir{background:#f1f3f6!important;border-color:#d6dbe2!important;color:#0e7490!important}
html[data-tema="claro"] #cli-av-lista .vzav-encerrar{color:#b91c1c!important}
@media (max-width:900px){
  #cli-av-lista > div{flex-wrap:wrap!important;gap:8px 14px!important}
  #cli-av-lista div[style*="width:1px"]{display:none!important}
  #cli-av-lista > div > div:nth-child(2){flex:1 1 calc(100% - 150px)}
  #cli-av-lista .vzav-info{flex:1 1 40%}
  #cli-av-lista span[onclick^="verDadosContato"]{font-size:15px!important;text-decoration:underline!important;padding:6px 0;display:inline-block}
}