/* custom.css - placeholder created by dev-fix
   Em produção esse arquivo é publicado/atualizado no deploy.
   Durante desenvolvimento, modifique este arquivo ou configure seu processo
   de build para copiar os assets necessários.
*/

/* Exemplo rápido de override */
body {
  /* nenhuma alteração por padrão */
}

/* Module header loading state and small helper styles */
.jc-page-header .card.card-stats.loading {
  opacity: 0.7;
}
.jc-page-header .card.card-stats .h2.loading-placeholder {
  color: transparent;
  background: linear-gradient(90deg, rgba(0,0,0,0.04) 25%, rgba(0,0,0,0.06) 37%, rgba(0,0,0,0.04) 63%);
  background-size: 400% 100%;
  border-radius: 4px;
  display: inline-block;
  width: 64px;
  height: 28px;
  animation: shimmer 1.2s linear infinite;
}
@keyframes shimmer {
  0% { background-position: 200% 0 }
  100% { background-position: -200% 0 }
}

.module-card-subtitle { font-size: .8rem; color: rgba(0,0,0,0.5); }
.module-card-footer { font-size: .85rem; }

/* Toolbar overlap: posiciona o card de ações ligeiramente sobre o rodapé do header
   para criar o efeito de flutuação sobre o gradiente. Responsivo: reduz a sobreposição
   em telas menores. */
.jc-toolbar-overlap {
  margin-top: -88px;
  position: relative;
  z-index: 30;
  box-shadow: 0 6px 18px rgba(23,36,61,0.08);
  border-radius: 8px;
}

@media (max-width: 768px) {
  .jc-toolbar-overlap { margin-top: -32px; }
}

@media (max-width: 480px) {
  .jc-toolbar-overlap { margin-top: 0; }
}

/* Dashboard big rounded badges ("bolotas") */
.dash-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(33,150,243,0.9), rgba(100,181,246,0.9));
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(15,23,42,0.12);
  line-height: 1;
}
.card.card-stats .dash-badge-muted {
  background: linear-gradient(135deg, rgba(96,125,139,0.9), rgba(144,164,174,0.9));
}
.card.card-stats .module-card-subtitle { display:block; margin-top:10px; text-align:center; }
.card.card-stats .module-card-footer { display:block; text-align:center; margin-top:6px; color:rgba(0,0,0,0.45); }

@media (max-width: 992px) {
  .dash-badge { width: 76px; height: 76px; font-size: 22px; }
}
@media (max-width: 480px) {
  .dash-badge { width: 64px; height: 64px; font-size: 18px; }
}

/* Arquivos metrics (small text under the badge) */
.card.card-stats .files-metrics {
  display:block;
  text-align:center;
  margin-top:8px;
  color: rgba(0,0,0,0.65);
  font-size: 0.9rem;
}
.card.card-stats .files-metrics .muted { color: rgba(0,0,0,0.45); font-size:0.85rem; }

/* Ensure SweetAlert2 popups appear above drawers and overlays */
.swal2-container { z-index: 20000 !important; }
.swal2-popup { z-index: 20001 !important; }