/* Central Gestão — lista de cadastro no padrão de Clientes (v104). Só aparência.
   A barra usa as classes do padrão de Clientes (customer_actions_horizontal.css). */
#page-content .cg-crud-header .cg-customer-title { display: block; }
/* Cabeçalhos financeiros usam flex-basis de 320px pensado para linha; no padrão (coluna) isso vira altura. */
#page-content .cg-crud-header > .cg-customer-title,
#page-content .cg-crud-header > .cg-customer-toolbar { flex: 0 0 auto !important; width: 100% !important; }
#page-content .cg-crud-header .cg-crud-note { margin-left: 6px; font-size: 12px; color: #61758b; }
#page-content .cg-crud-header .cg-cust-action { text-decoration: none; }

#page-content :is(.data-table-container, .ca-table-wrap, .pr-table-wrap):has(> table.cg-crud-table) {
  max-width: 100%; overflow-x: auto !important;
  border: 1px solid #c7d6e5 !important; border-radius: 5px !important;
}
#page-content table.cg-crud-table {
  border-collapse: collapse !important; font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important; color: #253c54 !important; background: #fff !important; width: 100%;
  table-layout: auto !important;
}
#page-content table.cg-crud-table thead th {
  background: linear-gradient(#f3f8fc, #e3edf7) !important; color: #304b68 !important;
  border: 1px solid #c9d8e7 !important; border-top: 0 !important;
  height: 35px; padding: 6px 8px !important; font-size: 12px !important; font-weight: 700 !important;
  line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important;
  white-space: nowrap !important; vertical-align: middle !important; text-align: left !important;
}
#page-content table.cg-crud-table tbody td {
  height: 34px; padding: 5px 8px !important; border: 1px solid #d7e3ee !important;
  font-size: 12px !important; line-height: 1.2 !important; vertical-align: middle !important;
  white-space: nowrap !important;
}
#page-content table.cg-crud-table tbody td :is(small, .text-muted) { font-size: 11px !important; }
#page-content table.cg-crud-table tbody tr.cg-crud-record { cursor: pointer; height: 34px !important; }
#page-content table.cg-crud-table thead tr { height: 35px !important; }
#page-content table.cg-crud-table tbody td :is(.badge, .status-badge) { padding: 2px 7px !important; font-size: 11px !important; line-height: 1.3 !important; }
#page-content table.cg-crud-table tbody tr.cg-crud-record:nth-child(even) { background: #f7fafd !important; }
#page-content table.cg-crud-table tbody tr.cg-crud-record:hover { background: #eaf4ff !important; }
#page-content table.cg-crud-table tbody tr.cg-crud-selected,
#page-content table.cg-crud-table tbody tr.cg-crud-selected td { background: #d5e9ff !important; }
#page-content table.cg-crud-table tr.cg-crud-record:focus-visible { outline: 2px solid #2775bc; outline-offset: -2px; }
#page-content table.cg-crud-table :is(th, td).cg-crud-check { width: 44px; min-width: 44px; text-align: center !important; padding: 5px !important; }
#page-content table.cg-crud-table input.cg-crud-mark { width: 15px; height: 15px; margin: 0; accent-color: #3479b7; }
/* A coluna "Ações" sai da vista: a barra do topo aciona os mesmos botões. */
#page-content table.cg-crud-table:not(.cg-crud-keep-info) :is(th, td).cg-crud-actions { display: none !important; }
#page-content table.cg-crud-table.cg-crud-keep-info td.cg-crud-actions :is(button, a.btn) { display: none !important; }
#page-content table.cg-crud-table.cg-crud-keep-info :is(th, td).cg-crud-actions { text-align: left !important; }
#page-content .cg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 900px) {
  #page-content .cg-crud-header .cg-crud-note { flex-basis: 100%; margin: 0; }
}

/* Linha de pesquisa/filtros preservada abaixo da barra (telas com abas). */
#page-content .cg-crud-header .cg-crud-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 0 0 10px; }
#page-content .cg-crud-header .cg-crud-filters :is(input, select) { height: 34px; min-width: 240px; max-width: 100%; font-size: 13px; }
#page-content .card-header.cg-crud-header { padding: 13px 16px 0 !important; margin: 0 !important; border-radius: 8px 8px 0 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; }

/* v109 — barra por aba (várias tabelas dividindo o cabeçalho da página, ex.: Vendas). */
#page-content .cg-customer-toolbar.cg-crud-inline {
  display: flex; flex-flow: row wrap; align-items: center; gap: 5px;
  padding: 8px 10px; margin: 0 0 -1px; border: 1px solid #c8d6e4; border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, #f4f8fc, #e8f0f8);
}
#page-content .cg-customer-toolbar .cg-crud-info { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; font-size: 12px; color: #4b6079; }
#page-content .cg-crud-header > .customer-header-actions.cg-customer-toolbar { flex-wrap: wrap; }

/* v117 — telas de caixa (Revisão de caixas fechados, Extrato e vendas): cabeçalho no mesmo cartão de Clientes. */
#page-content :is(.ca-header, .pr-page-header).customer-page-header.cg-customer-standard {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 10px !important; width: 100%; min-width: 0; margin: 0 0 12px !important;
  padding: 13px 16px 0 !important; border: 1px solid #c8d6e4 !important; border-radius: 8px !important;
  background: linear-gradient(180deg, #f4f8fc, #e8f0f8) !important; box-sizing: border-box;
}
#page-content :is(.ca-header, .pr-page-header).cg-customer-standard h2 {
  font-size: 18px !important; font-weight: 750 !important; color: #243c5c !important; margin: 0 !important;
}
#page-content :is(.ca-header, .pr-page-header).cg-customer-standard p {
  font-size: 12px !important; line-height: 1.3 !important; margin: 2px 0 0 !important; color: #61758b !important;
}
@media (max-width: 680px) {
  #page-content :is(.ca-header, .pr-page-header).customer-page-header.cg-customer-standard { padding: 10px 11px 0 !important; }
}

/* v124 — o cabeçalho padronizado mantém o recuo do cartão mesmo quando a tela tem regras próprias
   (ex.: Usuários da Empresa); título e subtítulo no mesmo estilo das demais telas. */
#page-content .page-header.customer-page-header.cg-customer-standard.cg-crud-header { padding: 13px 16px 0 !important; }
#page-content .cg-crud-header .cg-customer-title :is(h1, h2) { font-size: 18px !important; font-weight: 750 !important; color: #243c5c !important; margin: 0 !important; }
#page-content .cg-crud-header .cg-customer-title p { font-size: 12px !important; font-weight: 400 !important; color: #61758b !important; margin: 2px 0 0 !important; }
@media (max-width: 680px) {
  #page-content .page-header.customer-page-header.cg-customer-standard.cg-crud-header { padding: 10px 11px 0 !important; }
}