/*
 Shift Legis - Padrão visual de grids
 Objetivo: aplicar a mesma fonte, tamanho e cores claras aos grids (ex.: Atendimentos),
 saindo do preto/cinza pesado e aproximando do estilo da imagem de exemplo.
 Este arquivo estiliza qualquer tabela que use a classe .table-standard.
*/

:root {
  --grid-font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --grid-font-size: 14px;
  --grid-text: #1f2937;          /* slate-800 */
  --grid-text-muted: #6b7280;    /* gray-500 */
  --grid-header-bg: #f3f4f6;     /* gray-100 */
  --grid-header-text: #374151;   /* gray-700 */
  --grid-row-border: #e5e7eb;    /* gray-200 */
  --grid-row-hover: #f9fafb;     /* gray-50 */
  --grid-zebra: #fbfbfc;         /* very light */
  --grid-link: #2563eb;          /* blue-600 */
  --grid-link-hover: #1d4ed8;    /* blue-700 */
}

/* Base da tabela padrão */
.table-standard {
  font-family: var(--grid-font-family);
  font-size: var(--grid-font-size) !important;
  color: var(--grid-text);
  background: #ffffff;
  border-collapse: separate;
  border-spacing: 0;
}

.table-standard thead th {
  background: var(--grid-header-bg) !important;
  color: var(--grid-header-text) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--grid-row-border) !important;
  padding: 10px 12px;
}

.table-standard tbody td {
  padding: 10px 12px;
  border-top: 1px solid var(--grid-row-border);
}

/* Zebra suave */
.table-standard.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--grid-zebra);
}

/* Hover leve e agradável */
.table-standard.table-hover tbody tr:hover {
  background-color: var(--grid-row-hover);
}

/* Links dentro da tabela seguem a paleta moderna */
.table-standard a {
  color: var(--grid-link);
  text-decoration: none;
}
.table-standard a:hover {
  color: var(--grid-link-hover);
  text-decoration: underline;
}

/* Ajustes de células "compactas" quando usado com .table-sm */
.table-standard.table-sm thead th,
.table-standard.table-sm tbody td {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Bordas suaves no contêiner da tabela */
.table-standard {
  border-radius: 8px;
  overflow: hidden; /* mantém o radius no thead */
}

/* Alinhamentos mais naturais: cabeçalho central opcional, conteúdo à esquerda
   OBS: mantemos classes existentes como .text-center sem quebrar nada; este bloco
   aplica alinhamento à esquerda apenas quando nenhuma classe de alinhamento foi definida */
.table-standard thead th:not(.text-center):not(.text-end):not(.text-start) {
  text-align: left;
}
.table-standard tbody td:not(.text-center):not(.text-end):not(.text-start) {
  text-align: left;
}

/* Pequenos badges (ex.: prioridade) ficam mais legíveis com cores suaves */
.table-standard .badge,
.table-standard .label {
  font-weight: 500;
}

/* Rodapé/legendas de paginação (quando houver) */
.table-legend {
  font-family: var(--grid-font-family);
  font-size: 12px;
  color: var(--grid-text-muted);
}