/* custom.css — complementar ao bootstrap.min.css do tema ocean */

/* Navbar flutuante e moderna */
.navbar { 
  box-shadow: var(--bs-box-shadow-sm); 
  transition: all .3s ease; 
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px);
}

/* Cards com hover suave e bordas arredondadas fortes */
.card { 
  transition: transform .3s ease, box-shadow .3s ease; 
  border: 1px solid rgba(0, 119, 182, 0.05); 
}
.card:hover { 
  transform: translateY(-4px); 
  box-shadow: var(--bs-box-shadow-lg); 
}

/* Botões modernos com leve sombra inferior */
.btn { 
  border-radius: var(--bs-border-radius); 
  font-weight: 700; 
  letter-spacing: .02em; 
  transition: all 0.3s ease;
}
.btn-primary { 
  background-color: var(--bs-primary); 
  border-color: var(--bs-primary); 
  box-shadow: 0 4px 12px rgba(0, 119, 182, 0.3);
}
.btn-primary:hover {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  box-shadow: 0 6px 16px rgba(3, 4, 94, 0.3);
}

/* Scrollbar customizada (webkit) para o tema Aqua */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: var(--bs-secondary); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--bs-light); }

/* Utilitários extras */
.text-gradient {
  background: linear-gradient(135deg, var(--bs-primary), var(--bs-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-ocean {
  background: linear-gradient(135deg, var(--bs-dark) 0%, var(--bs-primary) 100%);
  color: white;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 180, 216, 0.05);
}