:root{
  --mp-blue:#282883;
  --mp-yellow:#fdc456;
  --mp-black:#000000;
  --mp-white:#ffffff;
}

body{ background:#f6f7fb; }

/* cores já definidas acima... */

.topbar{
  background: var(--mp-white);            /* antes: var(--mp-blue) */
  border-bottom: 3px solid var(--mp-yellow);
}

.topbar .navbar-brand{
  color: var(--mp-blue) !important;       /* texto “Multipostos • Atualizações” em azul */
}

/* botão do menu no mobile em topo branco */
.topbar .btn-menu{
  border-color: var(--mp-blue);
  color: var(--mp-blue);
}
.topbar .btn-menu:hover{
  background: rgba(40,40,131,.06);
}


.sidebar-nav{
  background: var(--mp-blue);
}

.sidebar-nav .list-group-item{
  background: transparent;
  color: #e6e7ff;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 0;
  padding: .7rem 1rem;
}
.sidebar-nav .list-group-item:hover{
  background: rgba(255,255,255,.05);
  color: #fff;
}
.sidebar-nav .list-group-item.active{
  background: rgba(253,196,86,.15);
  color:#fff;
  border-left-color: var(--mp-yellow);
  font-weight: 600;
}

.table-status{
  font-size: 13px;
}
.badge-status{
  font-weight:700;
  letter-spacing:.3px;
}
.badge-sucesso{ background:#2ecc71; }
.badge-erro{ background:#e74c3c; }
.badge-iniciado{ background:#f39c12; }
.badge-aguardando{ background:#3498db; }

/* Offcanvas header */
.offcanvas.sidebar-nav{
  background: var(--mp-blue);
  color: #fff;
}
.offcanvas.sidebar-nav .offcanvas-header{ border-bottom:1px solid rgba(255,255,255,.15); }

.fab{
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1055;
}
.fab-btn{
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem;
  background: var(--mp-blue);
  color:#fff; border:0; box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.fab-btn:hover{ filter:brightness(1.05); }
.fab-menu{ min-width: 240px; }
.fab-menu .dropdown-header{ color:#666; }
.module-switch .btn{
  border-color: rgba(255,255,255,.3);
  color:#fff;
}
.module-switch .btn.active{
  background: rgba(253,196,86,.2);
  border-color: var(--mp-yellow);
  color:#fff;
}
.module-switch .btn:hover{
  background: rgba(255,255,255,.12);
}
.footer-mp{
  background: var(--mp-yellow);
  color: var(--mp-blue);
  border-top: 3px solid rgba(0,0,0,.05);
}
.footer-mp a{ color: var(--mp-blue); text-decoration: underline; }
/* cabeçalho do grupo (botão que abre/fecha) */
.sidebar-nav .list-group > button.list-group-item{
  background: rgba(255,255,255,.04);
  color: #fff;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 0;
  padding: .7rem 1rem;
  text-align: left;
}
.sidebar-nav .list-group > button.list-group-item:hover{
  background: rgba(255,255,255,.08);
}

/* itens filhos */
.sidebar-nav #menuIndicadores .list-group-item,
.sidebar-nav #menuAtualizacoes .list-group-item{
  background: transparent;
  color: #e6e7ff;
  border: 0;
  border-left: 3px solid transparent;
}
.sidebar-nav #menuIndicadores .list-group-item:hover,
.sidebar-nav #menuAtualizacoes .list-group-item:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
}
.sidebar-nav #menuIndicadores .list-group-item.active,
.sidebar-nav #menuAtualizacoes .list-group-item.active{
  background: rgba(253,196,86,.15);
  color:#fff;
  border-left-color: var(--mp-yellow);
  font-weight: 600;
}

/* KPIs menores */
.kpi .kpi-label{
  font-size: .9rem;
  color: #6c757d;
}
.kpi .kpi-value{
  font-size: 1.45rem;   /* menor que display-6 */
  font-weight: 700;
  line-height: 1.15;
  color: var(--mp-blue);
}
@media (min-width: 1200px){
  .kpi .kpi-value{ font-size: 1.7rem; }
}