/*
 * Compatibilidade com o visual do Bootstrap 4 depois da migração para o 5.3 (2026-11-10).
 * Carregada logo depois de vendor/bootstrap-5.3.8/bootstrap.min.css em toda tela.
 * Só o que o BS5 removeu ou mudou e as telas ainda usam; o resto é BS5 puro.
 */

/* BS5 tirou a margem dos <label> (o reboot do BS4 dava .5rem); os formulários usam
   {{ campo.label_tag }}, sem .form-label. */
label { display: inline-block; margin-bottom: .5rem; }
.form-check-label, .form-check label, label.btn, .input-group label, label.mb-0 { margin-bottom: 0; }

/* Links: o BS5 sublinha sempre; o BS4 só no hover. */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.btn:hover, .btn-link:hover, .nav-link:hover, .navbar-brand:hover, .dropdown-item:hover,
.page-link:hover, .list-group-item-action:hover, .badge:hover { text-decoration: none; }
.btn-link { text-decoration: none; }

/* .form-inline saiu do BS5: mesma regra do BS4 (linha flexível, campos com largura natural). */
.form-inline { display: flex; flex-flow: row wrap; align-items: center; }
.form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
.form-inline .form-control, .form-inline .form-select { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .input-group { width: auto; }

/* Tabelas: o BS5 apertou as células (.5rem; .table-sm .25rem). Mantém a densidade do BS4. */
.table > :not(caption) > * > * { padding: .75rem; }
.table-sm > :not(caption) > * > * { padding: .3rem; }

/* Badges: o BS5 aumentou o padding (.35em .65em) e o raio — nos cartões do celular isso
   quebrava a linha do texto ao lado. Volta ao tamanho do BS4. */
.badge { padding: .25em .4em; border-radius: .25rem; }
.badge.rounded-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; }

/* .form-text: no BS4 era bloco; no BS5 o <small class="form-text"> fica na linha do campo. */
.form-text { display: block; }