/* =======================
   COMPONENTES
   ======================= */

.form-control:focus{
  border-color:rgba(37,99,235,.5);
  box-shadow:0 0 0 .2rem rgba(37,99,235,.15);
}

/* Loader */
#globalLoader{
  position:fixed;inset:0;
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  z-index:99999;
}
.loader-box{
  width:280px;
  padding:24px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 40px rgba(0,0,0,.12);
  text-align:center;
}
.loader-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:14px}
.loader-bar{height:8px;width:100%;background:#e5e7eb;border-radius:8px;overflow:hidden}
.loader-bar-fill{
  height:100%;width:0%;
  background:linear-gradient(90deg,#2563eb,#3b82f6);
  border-radius:8px;
  transition:width .3s ease;
}
.loader-percent{margin-top:10px;font-size:14px;font-weight:600;color:#2563eb}


/* Link normal */
.sidebar-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  color: #4b5563;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}

/* Hover */
.sidebar-link:hover {
  background-color: #f3f4f6;
}

/* ✅ LINK ATIVO */
.sidebar-link.active {
  background-color: rgba(37, 99, 235, 0.12); /* azul suave */
  color: #2563eb;
  font-weight: 600;
}

/* Opcional: barrinha lateral */
.sidebar-link.active::before{
  content:'';
  width:4px;
  align-self:stretch;
  background-color:#2563eb;
  border-radius:4px;
  margin-right:8px;
}

.dot-badge{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:999px;
  margin-left:.5rem;
  vertical-align:middle;
  background:#dc3545;
  box-shadow:0 0 0 2px rgba(220,53,69,.15);
}