/* static/style.css */

/* Fundo da página com tom de cinza médio */
body {
    background-color: #e9ecef; /* Um cinza claro que dá mais profundidade que o branco puro */
    font-family: 'Rubik', sans-serif;
}

/* Estilo para o card principal do formulário */
.card.shadow-lg.border-0 {
    border: none; /* Remove a borda se houver uma padrão */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Sombra mais pronunciada */
    border-radius: 0.75rem; /* Bordas levemente arredondadas */
    overflow: hidden; /* Garante que a sombra e o arredondamento fiquem corretos */
}

/* Headers dos cards internos - Estilização notável */
.card-header.bg-light {
    background-color: #1c1f51 !important; /* Azul escuro (tom de índigo) */
    color: white !important; /* Texto branco para contraste */
    font-weight: 600; /* Texto mais pesado */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Borda sutil na parte inferior */
    padding: .75rem 1.5rem; /* Um pouco mais de padding */
    border-radius: 0.5rem 0.5rem 0 0; /* Arredonda apenas os cantos superiores */
}

/* Ícones nos headers dos cards */
.card-header.bg-light .bi {
    color: #e0e0e0; /* Cor mais clara para o ícone, se desejar */
}

/* Melhorar a distinção dos cards internos (os .col-md-6 .card) */
.col-md-6 > .card.border-0.shadow-sm.h-100 { /* Seletor mais específico */
    border: 1px solid #d0d0d0 !important; /* Borda cinza um pouco mais escura */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important; /* Sombra leve para distinção */
    border-radius: 0.5rem; /* Bordas arredondadas para os cards internos */
}

/* Estilos para campos desabilitados - Mais evidentes */
input[disabled],
select[disabled],
textarea[disabled] {
    background-color: #cfd8dc !important; /* Um cinza azulado mais notável */
    color: #495057 !important; /* Cor do texto mais escura para legibilidade */
    border: 1px solid #adb5bd !important; /* Borda mais escura para distinção */
    opacity: 0.9; /* Reduz um pouco a opacidade para parecer "empoeirado" */
    cursor: not-allowed; /* Altera o cursor para indicar que não é editável */
}

/* Ajuste para labels de campos flutuantes quando o input está desabilitado */
.form-floating input[disabled] ~ label,
.form-floating select[disabled] ~ label,
.form-floating textarea[disabled] ~ label {
    color: #6c757d; /* Mantém a label um pouco mais discreta */
}

/* Específico para checkboxes/radios desabilitados */
.form-check-input[disabled] {
    background-color: #282727 !important;
    border-color: #adb5bd !important;
    cursor: not-allowed;
}

.form-check-input[disabled] ~ .form-check-label {
    color: #6c757d !important;
    cursor: not-allowed;
}

/* Estilo para o botão de enviar */
.btn-primary.btn-lg {
    background-color: #4CAF50; /* Um verde mais vibrante para ação principal */
    border-color: #4CAF50;
    transition: all 0.3s ease; /* Transição suave para hover */
}

.btn-primary.btn-lg:hover {
    background-color: #45a049; /* Verde um pouco mais escuro no hover */
    border-color: #45a049;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}

/* Estilo para o alerta de erro */
.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

/* Classes utilitárias personalizadas para espaçamento */
.margin-bottom-3 {
    margin-bottom: 3rem; /* Espaçamento maior entre os cards */
}


body {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

/* ========================================= */
/* === PADRONIZAÇÃO DOS CAMPOS DE FORMULÁRIO === */
/* ========================================= */

/* * 1. Define a cor da borda PADRÃO para todos os campos.
 * Estou usando a cor #d0d0d0, que você já usa nos cards internos.
 */
.form-control,
.form-select,
.form-check-input,
.input-group .btn { /* Inclui o botão de busca ao lado do input */
  border-color: #d0d0d0;
}

/* * 2. Define a cor de FOCO (quando o campo é clicado).
 * Estou usando a cor #1c1f51, do cabeçalho dos seus cards.
 */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #1c1f51;
  /* O box-shadow usa o RGB de #1c1f51, que é (28, 31, 81) */
  box-shadow: 0 0 0 0.25rem rgba(28, 31, 81, 0.25);
}

/* * 3. Ajusta o rádio/checkbox quando MARCADO para usar a cor principal.
 */
.form-check-input:checked {
  background-color: #1c1f51;
  border-color: #1c1f51;
}

/* * 4. BÔNUS: Faz o "brilho" de foco do botão de busca (que é .btn-primary)
 * combinar com o "brilho" de foco dos outros inputs.
 */
.btn-primary:focus {
   box-shadow: 0 0 0 0.25rem rgba(28, 31, 81, 0.25);
}

/* --- ESTILIZAÇÃO DA PAGINAÇÃO --- */
    
/* Cor de fundo AZUL para os botões (igual ao btn-primary) */
.page-item:not(.disabled) .page-link {
    background-color: #0d6efd; /* Azul padrão do Bootstrap */
    border-color: #0d6efd;
    color: white;
}

/* Efeito Hover (passar o mouse) - um azul um pouco mais escuro */
.page-item:not(.disabled) .page-link:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    color: white;
}

/* Manter o indicador de página ("Página 1") com fundo BRANCO e texto PRETO */
/* Usamos !important aqui apenas para garantir que sobrescreva o azul acima */
#indicadorPagina {
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
    cursor: default; /* Mostra que não é clicável */
}

/* Estilo para quando o botão estiver DESABILITADO (cinza) */
.page-item.disabled .page-link {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #6c757d;
    opacity: 0.8;
}

/* Garante que o container da tabela permita o scroll e a fixação */
.table-responsive {
    max-height: 650px;
    overflow: auto;
}

/* Fixar o Cabeçalho (Você já tem o sticky-top, mas precisamos garantir o z-index) */
thead th {
    position: sticky;
    top: 0;
    z-index: 10; /* Fica acima das linhas do corpo */
}

/* Fixar a 1ª Coluna (Ícones/Ações) */
.col-fixa-1 {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #f8f9fa !important; /* Cor de fundo para não ficar transparente */
}

/* Fixar a 2ª Coluna (Nº do Processo) */
.col-fixa-2 {
    position: sticky;
    left: 20px; /* Ajuste este valor conforme a largura da sua 1ª coluna */
    z-index: 5;
    background-color: #f8f9fa !important;
}

/* Ajuste crucial: Onde o cabeçalho encontra as colunas fixas */
thead th.col-fixa-1, 
thead th.col-fixa-2 {
    z-index: 15; /* Deve ser o maior z-index para ficar sobre tudo */
    background-color: #1c1f51 !important; /* Cor escura do seu header */
}