/* Custom styles for the Aadhaar Fraud Detection System */

/* Tab button active state */
.tab-button {
  transition: all 0.2s ease;
}

.active-tab {
  background-color: rgb(241 245 249);
  color: rgb(15 23 42);
}

.tab-button:not(.active-tab):hover {
  background-color: rgb(248 250 252);
}

/* Hide/Show utilities */
.hidden {
  display: none !important;
}

/* Smooth transitions */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Custom animations */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Backdrop blur support */
.backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgb(241 245 249);
}

::-webkit-scrollbar-thumb {
  background: rgb(203 213 225);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(148 163 184);
}

/* Gradient backgrounds */
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }

  header {
    position: relative !important;
  }
}