/*
 * Source Sans Pro (fonte do Theme v2, ver headers compartilhados) rendeririza "borrada" em
 * telas comuns no peso 400 padrão - traços finos demais pro tamanho de corpo de texto usado
 * no sistema (13-14px), mistura mal com o antialiasing do Windows/Chrome sem hinting reforçado.
 * Fix: peso 500 como base do texto de corpo (sutilmente mais encorpado, sem virar "negrito"
 * visualmente) + text-rendering/antialiasing explícitos, que dão contorno mais nítido às
 * hastes finas da fonte. Pesos 600/700 (usados em <b>/<strong>/headers) continuam intactos.
 */
body, .card, .btn, .form-control, table, .alert, .note {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/*
 * .badge (+ badge-primary/secondary/success/danger/warning/info/dark/light, todas herdam
 * .badge como base) pedido pelo usuário +100 de peso sobre o 400 padrão do bloco acima.
 */
.badge {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/*
 * A regra acima ("table { font-weight:400 }") nunca vence libs/theme/css/mdb.min.css
 * (mdb-free.scss "table td{font-weight:.9rem...300}") - não é ordem de carregamento, é
 * especificidade CSS pura: "table" sozinho (0,0,1) sempre perde pra "table td"/"table th"
 * (0,0,2), não importa qual arquivo carrega depois. Selecionando td/th direto, com a mesma
 * especificidade do MDB, o Theme v2 finalmente ganha a cascata nas células de tabela.
 */
table td, table th {
    font-weight: 400;
}

/*
 * Escala tipográfica Plus Jakarta Sans (troca de Source Sans Pro pedida pelo usuário) -
 * pesos por papel do elemento, não um peso único pro corpo inteiro:
 * H1 800, H2 700, H3 600, texto de corpo 400, botões 600, itens de menu 500 (600 quando
 * ativo/atual - ver #sidebar-wrapper .nav-link.active, já definido mais abaixo neste arquivo).
 */
h1, .h1 { font-weight: 800; }
h2, .h2 { font-weight: 700; }
h3, .h3 { font-weight: 600; }

.btn { font-weight: 600; }

#sidebar-wrapper .nav-link { font-weight: 500; }

/*
 * TESTE ISOLADO - paleta suave/clara (restaura o padrão do Bootstrap 4 que o MDB nunca sobrescrevia).
 * O adminlte.min.css redefine .alert-* (e variantes) 3x, sempre pra tons "flat"/saturados
 * (ex.: .alert-warning vira background solido #f39c12). Este arquivo carrega DEPOIS do
 * adminlte.min.css, então ganha a cascata sem precisar de !important, e devolve o visual
 * suave (fundo claro + texto escuro + borda sutil) igual ao Bootstrap 4 padrão / MDB.
 */

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-danger { color: #8a1c28; background-color: #f5c6cb; border-color: #f1b0b7; }
.alert-warning { color: #715709; background-color: #f8e4a8; border-color: #f5d784; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.alert-light { color: #5a5a5a; background-color: #e4e4e5; border-color: #e4e4e5; }
.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

/*
 * .note (cards/links de módulo em home_links.php e telas parecidas) pedem uma variação AINDA
 * mais suave que o .alert-* padrão acima - fundo quase branco (só uma pitada da cor), texto
 * num tom mais claro (ainda ≥4.5:1 de contraste) e borda quase imperceptível; só a faixa
 * esquerda (regra .note abaixo) mantém a cor cheia, forte o bastante pra identificar a
 * categoria sem pintar o cartão inteiro.
 */
.note.alert-warning { color: #80670a; background-color: #fefdf6; border-color: #f2ecce; }
.note.alert-info { color: #1a6d80; background-color: #f5fcfd; border-color: #d3eef2; }
.note.alert-success { color: #2f7d47; background-color: #f6fcf8; border-color: #d7ecdd; }
.note.alert-danger { color: #9a4550; background-color: #fdf7f7; border-color: #f0dde0; }

.note.alert-warning, .note.alert-info, .note.alert-success, .note.alert-danger {
    font-weight: normal;
}

/*
 * Mantém o efeito de "faixa esquerda" do .note original do MDB (libs/theme/css/mdb.min.css):
 * .note{border-left:6px solid} nao define cor propria - herda currentColor (a cor de texto
 * do .alert-* aplicado junto, ex. #856404 no warning), enquanto os outros 3 lados ficam com
 * a borda clara do proprio .alert-*. Como o border-color acima (shorthand) mexe nos 4 lados,
 * esta regra final restaura só o lado esquerdo pro currentColor, igual era antes.
 * O adminlte.min.css redefine .alert{border:1px solid transparent} DEPOIS do mdb.min.css,
 * o que também reduzia a espessura da faixa esquerda de volta pra 1px - restaurada aqui também.
 */
.note {
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: currentColor;
}

/*
 * Contraste texto/fundo dos botões de cor "extra" do MDB (indigo, purple, teal, etc. -
 * libs/theme/css/mdb.min.css), corrigido.
 * O MDB só protege o BACKGROUND desses botões com !important (ex.:
 * .btn-indigo{color:#fff;background-color:#3f51b5 !important}) - o texto branco não tinha
 * !important. O adminlte.min.css reembala a regra base do próprio Bootstrap (.btn{color:#212529},
 * .btn:hover{color:#212529}) e, carregando DEPOIS do mdb.min.css, essa regra genérica ganha a
 * cascata pra cor de texto - resultado: texto quase preto sobre fundo escuro/saturado (indigo,
 * purple, teal, etc.), contraste ruim (caso real: botão "Fluxos" em atendimentos/tipos-pesquisar.php).
 * Cores/contextos padrão (primary/secondary/success/danger/warning/info/dark/light) já são
 * redeclarados explicitamente pelo próprio adminlte.min.css e não têm esse problema - só as
 * cores extras exclusivas do MDB, sem equivalente no Bootstrap/AdminLTE, precisavam do reforço.
 */
.btn-indigo, .btn-indigo:hover,
.btn-purple, .btn-purple:hover,
.btn-deep-purple, .btn-deep-purple:hover,
.btn-pink, .btn-pink:hover,
.btn-teal, .btn-teal:hover,
.btn-cyan, .btn-cyan:hover,
.btn-blue, .btn-blue:hover,
.btn-light-blue, .btn-light-blue:hover,
.btn-blue-grey, .btn-blue-grey:hover,
.btn-brown, .btn-brown:hover,
.btn-grey, .btn-grey:hover,
.btn-lime, .btn-lime:hover,
.btn-amber, .btn-amber:hover,
.btn-deep-orange, .btn-deep-orange:hover,
.btn-orange, .btn-orange:hover,
.btn-yellow, .btn-yellow:hover,
.btn-red, .btn-red:hover,
.btn-green, .btn-green:hover,
.btn-light-green, .btn-light-green:hover,
.btn-dark-green, .btn-dark-green:hover,
.btn-black, .btn-black:hover,
.btn-elegant, .btn-elegant:hover,
.btn-unique, .btn-unique:hover,
.btn-mdb-color, .btn-mdb-color:hover,
.btn-default, .btn-default:hover {
    color: #fff;
}

.btn-white, .btn-white:hover {
    color: #212529;
}

/*
 * Dentro do mesmo grupo de "cores extras" do MDB acima, 5 delas têm fundo claro/pastel
 * (yellow #fbc02d, amber #ffa000, lime #afb42b, light-blue #82b1ff, light-green #8bc34a) -
 * o MDB já força texto branco nelas por padrão, mas branco sobre um fundo tão claro cai pra
 * ~1.7-2.5:1 de contraste (medido), bem abaixo do 4.5:1 mínimo e visualmente "lavado" ao lado
 * das outras cores extras (indigo/purple/teal/etc.), que são escuras o bastante pro branco
 * funcionar - mesma falta de harmonia já corrigida no grupo padrão (.btn-warning/.btn-light
 * acima, que usam texto escuro por serem claros). Fix: texto escuro só nestas 5.
 */
.btn-yellow, .btn-yellow:hover,
.btn-amber, .btn-amber:hover,
.btn-lime, .btn-lime:hover,
.btn-light-blue, .btn-light-blue:hover,
.btn-light-green, .btn-light-green:hover {
    color: #212529;
}

/*
 * Paleta dos 8 contextos padrão (primary/secondary/success/danger/warning/info/dark/light)
 * suavizada - mesmo padrão de classes .btn-*/.badge-* já usado em todo o sistema (nenhuma
 * classe nova, nenhum arquivo PHP tocado), só menos saturada/"neon" que o padrão puro do
 * Bootstrap/MDB (ex.: badge-danger #dc3545 vermelho vivo -> tom mais suave). Cobre .btn-*,
 * .badge-*, .bg-* e os respectivos :hover (Bootstrap/MDB não protegem essas cores com
 * !important, então a regra carregada por último - este arquivo - ganha a cascata).
 * Texto sempre branco nesses 7 (mesmo padrão já usado antes do contraste dos botões MDB
 * "extra"), exceto warning/light, que continuam com texto escuro (fundo claro demais pro
 * branco).
 */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary i, .badge-primary, .bg-primary { background-color: #1a73e8 !important; border-color: #1a73e8; color: #fff !important; }
.btn-primary:hover { background-color: #1461c9 !important; border-color: #1461c9; }

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary i, .badge-secondary, .bg-secondary { background-color: #757c84 !important; border-color: #757c84; color: #fff !important; }
.btn-secondary:hover { background-color: #656b72 !important; border-color: #656b72; }

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success i, .badge-success, .bg-success { background-color: #2e9e57 !important; border-color: #2e9e57; color: #fff !important; }
.btn-success:hover { background-color: #268649 !important; border-color: #268649; }

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger i, .badge-danger, .bg-danger { background-color: #e0394a !important; border-color: #e0394a; color: #fff !important; }
.btn-danger:hover { background-color: #c92839 !important; border-color: #c92839; }

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning i, .badge-warning, .bg-warning { background-color: #e0a72f !important; border-color: #e0a72f; color: #473506 !important; }
.btn-warning:hover { background-color: #ce961f !important; border-color: #ce961f; }

.btn-info, .btn-info:hover, .btn-info:focus, .btn-info i, .badge-info, .bg-info { background-color: #159bad !important; border-color: #159bad; color: #fff !important; }
.btn-info:hover { background-color: #108696 !important; border-color: #108696; }

.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark i, .badge-dark, .bg-dark { background-color: #383f46 !important; border-color: #383f46; color: #fff !important; }
.btn-dark:hover { background-color: #2c3236 !important; border-color: #2c3236; }

.btn-light, .btn-light:hover, .btn-light:focus, .btn-light i, .badge-light, .bg-light { background-color: #d6d8da !important; border-color: #c7cacc; color: #42484e !important; }
.btn-light:hover { background-color: #cccfd2 !important; border-color: #bec2c5; }

/*
 * .table-dark/.thead-dark (Bootstrap 4) ficavam com texto ilegível (quase invisível) - o
 * mesmo problema de fundo já documentado pros botões: adminlte.min.css reembala uma regra
 * genérica de cor de texto pra tabelas que, carregando DEPOIS do bootstrap.min.css/mdb.min.css,
 * ganha a cascata e pinta o texto de escuro por cima do fundo já escuro do .table-dark -
 * achado real em telas/PDFs com cabeçalho de tabela escuro (ex.: ec/demonstrativo.php, holerite).
 * Fix: força fundo+texto corretos direto nas células, não só no <thead>/<tr>, já que é onde o
 * texto de fato mora.
 */
.table-dark, .table-dark > thead > tr > th, .table-dark > thead > tr > td,
.table-dark > tbody > tr > th, .table-dark > tbody > tr > td,
.thead-dark th {
    background-color: #343a40 !important;
    color: #fff !important;
    border-color: #454d55 !important;
}

/*
 * Botões de ação só-ícone (pencil/trash) nas grades DataTables (ex.:
 * atendimentos/registros-pesquisar.php, "Ações") ficavam com contraste ruim - o
 * adminlte.min.css redefine .btn-sm com line-height/padding menor que o Bootstrap
 * padrão, cortando/afinando visualmente o glifo do Font Awesome dentro do botão
 * pequeno. Força o ícone a herdar a cor certa (regra acima, "i" explícito) e alinha
 * verticalmente pra não ficar cortado.
 */
.btn-sm > i.fa, .btn-sm > i.fas, .btn-sm > i.far {
    line-height: 1;
    vertical-align: middle;
}