/* static/css/style.css */

body {
    background-color: #f0f2f5; /* Um cinza claro suave para o fundo */
}

.card {
    border: none; /* Remove a borda padrão do card para um look mais moderno */
    border-radius: 0.75rem; /* Bordas mais arredondadas */
}

.card-header {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

fieldset {
    border-color: #dee2e6 !important;
}

.btn-primary {
    --bs-btn-bg: #0d6efd; /* Cor principal do Bootstrap */
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    padding: 0.75rem 1rem; /* Botão um pouco maior */
    font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link {
    padding-right: 0.6rem !important;
    padding-left: 0.6rem !important;
}

.placar {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.placar:hover {
  transform: translateY(-3px);
}

.rounded-circle { border-radius:50%!important; }

/* Adicione este CSS ao seu arquivo de estilos */

/* Estilo dos cartões do Dashboard */
.card .border-left-primary { border-left: .25rem solid #4e73df !important; }
.card .border-left-success { border-left: .25rem solid #1cc88a !important; }
.card .border-left-info { border-left: .25rem solid #36b9cc !important; }
.card .border-left-warning { border-left: .25rem solid #f6c23e !important; }
.card .border-left-danger { border-left: .25rem solid #e74a3b !important; }

.card .text-xs { font-size: .8rem; }
.card .font-weight-bold { font-weight: 700 !important; }
.text-gray-300 { color: #dddfeb !important; }
.text-gray-800 { color: #5a5c69 !important; }

/* Adicione este código ao final do seu arquivo de estilos */

/* Força um algoritmo de layout de tabela fixo para os painéis de TC */
#lista-tcs .table {
    table-layout: fixed;
    width: 100%; /* É importante definir a largura ao usar table-layout: fixed */
    word-wrap: break-word; /* Garante que textos longos (como protocolos) quebrem a linha */
}

/* Garante que o rodapé tenha um preenchimento superior para se separar do conteúdo */
.footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Melhora a aparência dos links do rodapé ao passar o mouse */
.footer a:hover {
    text-decoration: underline !important;
}