/* ADMINIMC — ponte de estilo: faz o vocabulário das views (btn/sec/danger,
   alert ok/err, input, table, row) renderizar no visual Bootstrap 5 / AdminLTE,
   sem reescrever cada view. Carregado depois do AdminLTE. */

/* Conteúdo respira dentro do card AdminLTE */
.content .card { padding: 1.25rem 1.35rem; }
.content .card > h1:first-child { font-size: 1.35rem; margin: 0 0 1rem; }

/* Botões: mapeia .btn / .sec / .danger para o look Bootstrap */
/* Só geometria. Cor de botão é do design system (buttons.css) — este seletor
   tem especificidade maior e, quando pintava, sequestrava TODAS as variantes
   dentro de .content: primário, perigo, contorno, tudo virava a cor da marca. */
.content .btn,
.content button.btn {
  display: inline-block; text-align: center; vertical-align: middle;
  line-height: 1.4; cursor: pointer; text-decoration: none;
}
.content .btn:hover { text-decoration: none; }
.content .btn.danger { background: var(--ds-perigo); color: #fff; }

/* Inputs / selects / textarea → aparência form-control */
.content input:not([type=checkbox]):not([type=radio]),
.content select,
.content textarea {
  display: block; width: 100%; padding: .5rem .75rem; font-size: .95rem; line-height: 1.5;
  /* background-color, e não o atalho `background`: o atalho apagava o
     background-image do Bootstrap, e todo <select> do sistema ficava sem a
     setinha do dropdown. */
  color: #212529; background-color: #fff; border: 1px solid #ced4da; border-radius: .5rem;
  transition: border-color .15s, box-shadow .15s;
}
.content input:focus, .content select:focus, .content textarea:focus {
  border-color: #7b7cc9; outline: 0; box-shadow: 0 0 0 .2rem rgba(47,48,147,.15);
}
.content label { display:block; margin: .6rem 0 .25rem; font-weight: 600; font-size: .88rem; color:#374151; }

/* Linhas de campos lado a lado */
.content .row { display:flex; gap: 1rem; flex-wrap: wrap; margin: 0; }
.content .row > div { flex: 1 1 220px; }

/* Tabelas com aparência Bootstrap table-hover */
.content table { width:100%; border-collapse: collapse; font-size: .93rem; }
.content thead th {
  font-size:.75rem; text-transform:uppercase; letter-spacing:.03em; color:#6c757d;
  border-bottom:2px solid #dee2e6; padding:.6rem .55rem; text-align:left; background:#fbfbfd;
}
.content tbody td { padding:.6rem .55rem; border-bottom:1px solid #edf0f3; vertical-align:middle; }
.content tbody tr:hover { background:#f6f8fb; }

/* Alertas legados (ok/err) → cores Bootstrap (global: também usado fora de .content, ex.: login) */
.alert.ok {
  background:#d1e7dd; color:#0f5132; border:1px solid #badbcc; border-radius:.5rem; padding:.7rem 1rem;
}
.alert.err {
  background:#f8d7da; color:#842029; border:1px solid #f5c2c7; border-radius:.5rem; padding:.7rem 1rem;
}
.alert ul { margin:.4rem 0 0; padding-left:1.1rem; }

.content .muted, .muted { color:#6c757d; }

/* Grid de atalhos do dashboard */
.content .stats { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:1rem; }