/* CINE-PLAY - ajuste isolado da tela /app/ecommerce/customer/all
   Não altera Dashboard, temas, menus ou outras telas. */
body.cp-clientes-page .content-wrapper,
body.cp-clientes-page .container-xxl,
body.cp-clientes-page .container-fluid{
  min-width:0 !important;
}

body.cp-clientes-page .cp-client-viewbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 12px 0;
  padding:10px 12px;
  border:1px solid rgba(127,127,127,.18);
  border-radius:10px;
  background:rgba(127,127,127,.055);
}
body.cp-clientes-page .cp-client-viewbar .cp-label{font-weight:600;margin-right:4px}
body.cp-clientes-page .cp-client-viewbar button{
  border:1px solid rgba(127,127,127,.24);
  background:var(--bs-body-bg,#fff);
  color:inherit;
  border-radius:8px;
  padding:7px 11px;
  line-height:1.15;
  cursor:pointer;
}
body.cp-clientes-page .cp-client-viewbar button.cp-active{
  background:var(--bs-primary,#7367f0);
  color:#fff;
  border-color:var(--bs-primary,#7367f0);
}
body.cp-clientes-page .cp-client-viewbar .cp-help{font-size:12px;opacity:.7;margin-left:auto}

/* Retira apenas o nowrap forçado da página de clientes. */
body.cp-clientes-page .table-responsive.text-nowrap{white-space:normal !important;overflow-x:hidden !important}
body.cp-clientes-page .bootstrap-table,
body.cp-clientes-page .fixed-table-container,
body.cp-clientes-page .fixed-table-body{width:100% !important;max-width:100% !important;min-width:0 !important}
body.cp-clientes-page .fixed-table-body{overflow-x:hidden !important}
body.cp-clientes-page #table{width:100% !important;max-width:100% !important;margin:0 !important}
body.cp-clientes-page #table th,
body.cp-clientes-page #table td{
  vertical-align:middle !important;
  overflow-wrap:anywhere;
  word-break:normal;
}
body.cp-clientes-page #table th .th-inner{white-space:normal !important;line-height:1.12 !important}
body.cp-clientes-page #table td{white-space:normal !important;line-height:1.2 !important}

/* ESSENCIAL: melhor leitura e zero rolagem lateral em desktop comum. */
body.cp-clientes-page.cp-client-essential #table{table-layout:fixed !important;font-size:12px !important}
body.cp-clientes-page.cp-client-essential #table th,
body.cp-clientes-page.cp-client-essential #table td{padding:6px 5px !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="state"],
body.cp-clientes-page.cp-client-essential #table th.bs-checkbox,
body.cp-clientes-page.cp-client-essential #table td.bs-checkbox{width:34px !important;max-width:34px !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="id"]{width:52px !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="nome"]{width:14% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="iptv_nome"]{width:11% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="whatsapp"]{width:13% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="vencimento"]{width:15% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="servidor"]{width:11% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="plano"]{width:11% !important}
body.cp-clientes-page.cp-client-essential #table th[data-field="actions"]{width:92px !important}

/* COMPLETO COMPACTO: tenta manter todas as colunas visíveis sem quebrar o site. */
body.cp-clientes-page.cp-client-fullcompact #table{table-layout:fixed !important;font-size:10.5px !important}
body.cp-clientes-page.cp-client-fullcompact #table th,
body.cp-clientes-page.cp-client-fullcompact #table td{padding:4px 3px !important}
body.cp-clientes-page.cp-client-fullcompact #table th .th-inner{font-size:10px !important}
body.cp-clientes-page.cp-client-fullcompact .badge{font-size:9px !important;padding:4px 5px !important;white-space:normal !important}
body.cp-clientes-page.cp-client-fullcompact .btn{padding:4px 6px !important;font-size:10px !important}

/* NORMAL: preserva o comportamento original quando escolhido. */
body.cp-clientes-page.cp-client-normal .table-responsive.text-nowrap{overflow-x:auto !important}
body.cp-clientes-page.cp-client-normal .fixed-table-body{overflow-x:auto !important}
body.cp-clientes-page.cp-client-normal #table{table-layout:auto !important}

/* Dá mais área à tabela sem alterar o layout global. */
body.cp-clientes-page .card > .card-body{padding-left:12px !important;padding-right:12px !important}
body.cp-clientes-page .card .card-body .card-body{padding:0 !important}
body.cp-clientes-page .fixed-table-toolbar{margin-bottom:8px !important}

@media (max-width: 991.98px){
  body.cp-clientes-page .cp-client-viewbar .cp-help{width:100%;margin-left:0}
  body.cp-clientes-page .table-responsive.text-nowrap,
  body.cp-clientes-page .fixed-table-body{overflow-x:auto !important}
  body.cp-clientes-page.cp-client-essential #table{min-width:820px !important}
  body.cp-clientes-page.cp-client-fullcompact #table{min-width:980px !important}
}