/* =========================
   BOTÃO PRIMARY – PADRÃO DO APP
   ========================= */
.btn-primary {
  background-color: var(--primary);
  border: none;
  font-weight: 600;
  color: #fff;
  transition:
    background-color 0.2s ease,
    transform 0.08s ease,
    box-shadow 0.2s ease;
}

/* Hover */
.btn-primary:hover {
  background-color: var(--primary-dark);
}

/* Focus / Active (CLIQUE) */
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
  background-color: #9b6aa0; /* roxo mais claro */
  box-shadow: 0 0 0 0.2rem rgba(133, 77, 139, 0.25);
  outline: none;
  transform: scale(0.97);
}

/* Remove azul do bootstrap */
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #9b6aa0;
}
/* =========================
   SELECT / INPUT – FOCUS ROXO
   ========================= */
.form-select:focus,
.form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgba(133, 77, 139, 0.25);
  outline: none;
}

/* =========================
   BOTÕES COMPACTOS (LEGADO)
========================= */
.btn-compact {
  width: auto !important;
  padding: 6px 14px !important;
  font-size: 0.85rem !important;
  border-radius: 6px;
  display: inline-block;
}
/* CHECKBOX PADRÃO DO SISTEMA */
input[type="checkbox"] {
    transform: scale(1.5);
    cursor: pointer;
    margin-right: 6px;
}


/* Mobile: mantém compacto */
@media (max-width: 768px) {
  .btn-compact {
    width: auto !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
  }
}