/**
 * Direito Fácil - Addon Support Genix
 * Estilos aplicados apenas dentro do portal (#support-genix).
 * Regras sob .portal-is-client aplicam somente no painel do cliente (não para agentes).
 */

/* ----- Somente no painel do cliente ----- */
html.portal-is-client #support-genix {
  /*
   * IMPORTANTE:
   * Não use seletores posicionais (ex.: :nth-child) aqui.
   * Em layouts responsivos a ordem dos itens pode mudar e isso pode esconder o "perfil".
   * A ocultação do botão é feita via JS (ver addon.js) de forma mais segura.
   */
}

/* ----- Somente na vista do agente: oculta avatar e normaliza coluna do checkbox ----- */
html:not(.portal-is-client) #support-genix [class*="table"] colgroup col:nth-child(1) {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
}

/* Coluna do avatar (2ª): colapsa (colgroup) e esconde células */
html:not(.portal-is-client) #support-genix [class*="table"] colgroup col:nth-child(2) {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  visibility: collapse !important;
  display: none !important;
}
html:not(.portal-is-client) #support-genix [class*="table"] thead th:nth-child(2),
html:not(.portal-is-client) #support-genix [class*="table"] tbody td:nth-child(2) {
  display: none !important;
}

/* Garante que o checkbox não "estoure" a largura */
html:not(.portal-is-client) #support-genix [class*="table"] thead th.sgenix-ant-table-selection-column,
html:not(.portal-is-client) #support-genix [class*="table"] tbody td.sgenix-ant-table-selection-column {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box;
}

/* ----- Regras para todos (agentes e clientes) ----- */
#support-genix {
  /* Tabela de tickets: usa a largura disponível, resto fica natural */
}

/* Tabela de listagem – largura como na interface natural (ID estreita, Título larga, Encontro média) */
#support-genix [class*="table-wrapper"] {
  width: 100%;
  max-width: 100%;
}

#support-genix [class*="table"] {
  width: 100%;
}

/* Coluna ID: fixa e estreita para não alterar o layout original (Título + Encontro) */
#support-genix [class*="table"] thead th[data-sg-addon-id-column="yes"],
#support-genix [class*="table"] tbody td[data-sg-addon-id-column="yes"] {
  width: 100px;
  min-width: 80px;
  max-width: 200px;
  box-sizing: border-box;
}

/* Título e Encontro mantêm o espaço como antes (quando eram as únicas colunas) */
#support-genix [class*="table"] thead th:nth-child(2),
#support-genix [class*="table"] tbody td:nth-child(2) {
  min-width: 40%;
}

/* ----- Detalhe do ticket: descrição abaixo do título (como no exemplo) ----- */
#support-genix .df-sg-title-host {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#support-genix .df-sg-ticket-header-desc {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(0, 0, 0, 0.55);
  max-width: 100%;

  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 linhas como no card */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Adicione abaixo mais regras; use html.portal-is-client #support-genix para só clientes. */
/* NOTA: Estilos de chat (.df-sg-msg) estão em addon-chat.css (injetado dinamicamente via JS). */