/* Remove this if you dont want background overlay over the image or adjust per your needs */
body.login_admin:before {
    content: " ";
    background: rgba(31, 31, 31, 0.7);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}
body.login_admin {
  background: url('https://gestaoedu.com.br/media/public/fundo.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.customers_login {
  background: url('https://gestaoedu.com.br/media/public/fundo.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* ===========================================================================
   Perfil do cliente: usar a largura TOTAL da tela.
   O layout do perfil vinha limitado a ~1150px (classe tw-max-w-6xl), sobrando
   muito espaco vazio em telas largas. Removendo esse teto, as tabelas (ex.: a
   aba Tickets/Solicitacoes) cabem inteiras, sem barra de rolagem horizontal.
   =========================================================================== */
.customer_profile .tw-max-w-6xl { max-width: 100% !important; }

/* textos longos (assunto/servico) quebram linha em vez de esticar a coluna */
.customer_profile .table-responsive td,
.customer_profile .table-responsive th {
    white-space: normal;
    word-break: break-word;
}

/* Nome do cliente no topo do menu do perfil: mostrar completo (sem "...").
   Escopo somente no menu lateral do perfil; as tabelas continuam truncando. */
.customer_profile .md\:tw-max-w-64 .tw-truncate {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ===========================================================================
   Ocultar colunas Tags, Departamento e Prioridade nas listas de tickets.
   Lista principal (/admin/tickets = .tickets-table) tem uma coluna de checkbox
   no inicio, entao os indices sao diferentes do perfil do cliente.
   =========================================================================== */
/* /admin/tickets : Tags=4, Departamento=5, Prioridade=9 */
.tickets-table th:nth-child(4),  .tickets-table td:nth-child(4),
.tickets-table th:nth-child(5),  .tickets-table td:nth-child(5),
.tickets-table th:nth-child(9),  .tickets-table td:nth-child(9) {
    display: none !important;
}
/* Tickets no perfil do cliente : Tags=3, Departamento=4, Prioridade=8 */
.table-tickets-single th:nth-child(3),  .table-tickets-single td:nth-child(3),
.table-tickets-single th:nth-child(4),  .table-tickets-single td:nth-child(4),
.table-tickets-single th:nth-child(8),  .table-tickets-single td:nth-child(8) {
    display: none !important;
}

/* ===========================================================================
   Listas de tickets: mostrar o ASSUNTO por completo (o Perfex aplica
   tw-truncate + tw-max-w-xs no link, o que cortava o texto com "...").
   E deixar a coluna CLIENTE mais estreita para liberar espaco.
   =========================================================================== */
#tickets td .tw-truncate {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
}
/* larguras: Assunto (2) mais largo, Cliente (6) mais estreito - perfil do cliente */
.table-tickets-single th:nth-child(2), .table-tickets-single td:nth-child(2) { width: 38% !important; }
.table-tickets-single th:nth-child(6), .table-tickets-single td:nth-child(6) { width: 14% !important; font-size: 11px; }
/* larguras na lista principal (/admin/tickets): Assunto=3, Cliente=7 */
.tickets-table th:nth-child(3), .tickets-table td:nth-child(3) { width: 38% !important; }
.tickets-table th:nth-child(7), .tickets-table td:nth-child(7) { width: 14% !important; font-size: 11px; }