/**
 * Customização do AdminLTE – cor da marca (magenta/rosa) e ajustes.
 * Template base: AdminLTE 3.2 (Bootstrap 4).
 */

:root {
  --cor-marca-primaria: #D81B60;
  --cor-marca-primaria-escura: #AD1457;
  --cor-marca-primaria-clara: #F8BBD9;
}

/* Navbar: cor da marca */
.navbar.bg-primary {
  background-color: var(--cor-marca-primaria) !important;
}

/* Botões primários */
.btn-primary {
  background-color: var(--cor-marca-primaria) !important;
  border-color: var(--cor-marca-primaria) !important;
}

.btn-primary:hover {
  background-color: var(--cor-marca-primaria-escura) !important;
  border-color: var(--cor-marca-primaria-escura) !important;
}

/* Links */
a {
  color: var(--cor-marca-primaria);
}

a:hover {
  color: var(--cor-marca-primaria-escura);
}

/* Cards: borda superior na cor da marca (opcional) */
.card-primary.card-outline {
  border-top-color: var(--cor-marca-primaria) !important;
}

/* Tabelas: cabeçalho na cor da marca */
.table thead th {
  background-color: var(--cor-marca-primaria) !important;
  color: #fff !important;
  border-color: var(--cor-marca-primaria-escura) !important;
}

/* Small boxes (indicadores) – estilo tipo AdminLTE, sem depender do tema */
.small-box {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.small-box .inner {
  padding: 0 0.5rem 0 0;
}

.small-box .inner h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
  white-space: nowrap;
}

.small-box .inner p {
  font-size: 1rem;
  margin: 0;
}

.small-box .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 4rem;
  opacity: 0.3;
}

.small-box.bg-info {
  background: linear-gradient(135deg, var(--cor-marca-primaria) 0%, var(--cor-marca-primaria-escura) 100%) !important;
  color: #fff;
}

.small-box.bg-info .inner h3,
.small-box.bg-info .inner p {
  color: #fff !important;
}

.small-box.bg-secondary {
  background: #6c757d !important;
  color: #fff;
}

.small-box.bg-secondary .inner h3,
.small-box.bg-secondary .inner p {
  color: #fff !important;
}

.small-box.bg-success {
  background: #28a745 !important;
  color: #fff;
}

.small-box.bg-success .inner h3,
.small-box.bg-success .inner p {
  color: #fff !important;
}

/* Compatibilidade: row com espaçamento tipo Bootstrap 5 g-3 */
.row.g-3 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.row.g-3 > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

/* Widgets da home: estilo small-box do AdminLTE */
.win-widget-tile {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  background: #fff;
  border-left: 4px solid #6c757d;
}

.win-widget-tile.tile-primary {
  border-left-color: var(--cor-marca-primaria);
}

.win-widget-tile.tile-success {
  border-left-color: #28a745;
}

.win-widget-tile .small.text-muted {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.win-widget-tile .fw-bold {
  font-size: 1.5rem;
}

/* Cards do conteúdo: manter padrão AdminLTE, remover classes win7 */
.card.win-panel .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.125);
  color: #212529;
}

.card.win-panel .card-body {
  background: #fff;
  color: #212529;
}

/* Login: card outline na cor da marca */
.login-page .card-primary.card-outline {
  border-top: 3px solid var(--cor-marca-primaria) !important;
}

/* Compatibilidade: form-label (Bootstrap 5) em projetos com Bootstrap 4 */
.form-label {
  display: inline-block;
  margin-bottom: 0.25rem;
}