/* MESA 6.1.0 R4.1.3.11 HF10 — tabela leve + correção de avatar
   Camada exclusivamente visual. Não altera JS, dados, rotas, eventos ou API. */

/* Corrige a colisão de especificidade que fazia o monograma sair do círculo. */
.ux-client-table .cell-title > .ux-client-avatar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  position:static!important;
  transform:none!important;
  text-indent:0!important;
  line-height:1!important;
  font-size:8px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  background:color-mix(in srgb,var(--blue-soft) 72%,var(--card))!important;
  color:color-mix(in srgb,var(--blue) 78%,var(--text))!important;
}
.ux-client-table .cell-title{
  gap:9px!important;
  min-width:0!important;
}
.ux-client-table .cell-title > div{
  min-width:0!important;
}

/* Cabeçalho: informativo, sem aparência de planilha gritando. */
.ux-client-table th{
  text-transform:none!important;
  font-size:9px!important;
  font-weight:450!important;
  letter-spacing:.012em!important;
}

/* Corpo: peso normal; só o nome do cliente recebe leve hierarquia. */
.ux-client-table td{
  font-weight:400!important;
}
.ux-client-table td b,
.ux-client-table td > b{
  font-weight:450!important;
}
.ux-client-table .cell-title > div > b{
  font-weight:500!important;
}
.ux-client-table .cell-title > div > span,
.ux-client-table .cell-title > div > small,
.ux-client-table td > small{
  font-weight:400!important;
  opacity:.78!important;
}

/* Chips neutros mais silenciosos; alerta continua sendo exceção. */
.ux-client-table .badge:not(.red),
.ux-client-table .status-chip:not(.red){
  font-weight:450!important;
}
.ux-client-table .badge.red,
.ux-client-table .status-chip.red,
.ux-client-table .ux-overdue-text,
.ux-client-table .overdue-days{
  font-weight:600!important;
}

/* Sidebar: reduzir competição visual com o conteúdo. */
.sidebar .nav-group-toggle{
  font-weight:450!important;
}
.sidebar .nav-group.has-active > .nav-group-toggle{
  font-weight:500!important;
}
.sidebar .nav-item,
.sidebar .nav-group .nav-item{
  font-weight:400!important;
}
.sidebar .nav-item.active,
.sidebar .nav-group .nav-item.active{
  font-weight:500!important;
}

html[data-theme="dark"] .ux-client-table th{
  color:#748aa5!important;
}
html[data-theme="dark"] .ux-client-table .cell-title > div > b{
  color:#d7e3f1!important;
}
html[data-theme="dark"] .ux-client-table td b,
html[data-theme="dark"] .ux-client-table td > b{
  color:#cedbe9!important;
}

@media(max-width:760px){
  .ux-client-table td:before{
    font-weight:450!important;
    text-transform:none!important;
  }
}