/* ZenCaps | Clientes: observações sob o contato, sem coluna adicional.
   Camada de apresentação, sem modificações em cadastro, preços, permissões ou PDF. */
@media screen{
  .clients-shell .zen-clients-table{
    min-width:1230px;table-layout:auto;
  }
  .clients-shell .zen-clients-table tbody td:first-child{
    width:30%;min-width:286px;max-width:415px;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(2){
    min-width:126px;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(3){
    min-width:184px;max-width:320px;
  }
  /* A 4ª coluna agora é frete — desativa as medidas da antiga Observações. */
  .clients-shell .zen-clients-table tbody td:nth-child(4){
    width:113px;min-width:104px;max-width:132px;
    font-variant-numeric:tabular-nums;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(5){
    min-width:64px;font-variant-numeric:tabular-nums;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(6){min-width:82px}
  /* Ações em uma única linha, preservando os quatro botões e seus comandos. */
  .clients-shell .zen-clients-table thead th:last-child,
  .clients-shell .zen-clients-table tbody td:nth-child(7){
    width:278px;min-width:278px;
    white-space:nowrap;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(7) .actions-cell{
    display:flex;flex-flow:row nowrap;align-items:center;
    justify-content:flex-end;gap:5px;
    width:100%;min-width:0;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(7) .actions-cell .btn{
    flex:0 0 auto;white-space:nowrap;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(7) .actions-cell .btn.small{
    min-height:33px;padding:7px 8px;font-size:11px;gap:6px;
  }
  .clients-shell .zen-clients-table tbody td:nth-child(7) .actions-cell .btn.icon-btn{
    width:33px;min-width:33px;padding:6px;
  }
  .clients-shell .zen-client-identity{
    align-items:flex-start;gap:12px;min-width:0;
  }
  .clients-shell .zen-client-identity .client-avatar{
    flex-shrink:0;
  }
  .clients-shell .zen-client-identity>.zen-client-details{
    min-width:0;flex:1;
  }
  .clients-shell .zen-client-details>.td-main{
    line-height:1.38;
  }
  .clients-shell .zen-client-details>.td-sub{
    margin-top:5px;line-height:1.5;
    color:#657c6d;font-size:10.8px;
    overflow-wrap:anywhere;
  }
  .clients-shell .zen-client-details>.zen-client-operation-link{
    margin-top:7px;
  }
  .clients-shell .zen-client-inline-note{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    max-width:100%;
    margin-top:8px;
    color:#667f6d;
    font-size:10.8px;
    line-height:1.55;
    overflow-wrap:anywhere;
    white-space:pre-line;
    cursor:help;
  }
  .clients-shell .zen-client-inline-note .zen-client-note-label{
    display:inline;
    font-size:10px;
    font-weight:850;
    letter-spacing:.025em;
    color:#3a8458;
  }
  /* Override dos estilos da antiga célula de observação (operation-ui.css). */
  .clients-shell .zen-clients-table .zen-client-inline-note .client-notes-text{
    display:inline;
    padding:0;
    margin:0;
    border:0;
    max-height:none;
    overflow:visible;
    background:transparent;
    color:inherit;
    white-space:inherit;
    font-size:inherit;
    line-height:inherit;
  }
  .clients-shell .zen-client-inline-note:focus-visible{
    outline:2px solid #159656;
    outline-offset:3px;
    border-radius:3px;
  }
  .clients-shell .zen-clients-table .client-profile-name:focus-visible{
    outline:2px solid #159656;outline-offset:2px;
  }
  html[data-theme="dark"] .clients-shell .zen-client-details>.td-sub{
    color:#b7d0c0;
  }
  html[data-theme="dark"] .clients-shell .zen-client-inline-note{
    color:#c4d9c9;
  }
  html[data-theme="dark"] .clients-shell .zen-client-inline-note .zen-client-note-label{
    color:#85d9a8;
  }
  @media(max-width:760px){
    .clients-shell .zen-clients-table tbody td:first-child{min-width:255px;}
    .clients-shell .zen-client-identity{gap:9px;}
    .clients-shell .zen-client-inline-note{font-size:10.5px;}
  }
}
