/* Custom Styles for KasKeluarga */

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Tab buttons state */
.tab-btn {
  color: #64748b;
  background-color: transparent;
}
.tab-btn:hover {
  color: #1e293b;
  background-color: #f1f5f9;
}
.tab-btn.active {
  color: #2563eb;
  background-color: #eff6ff;
  border-bottom: 2px solid #2563eb;
  border-radius: 0.75rem 0.75rem 0 0;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.97); }
  to { opacity: 1; transform: scale(1); }
}
.animate-fade-in {
  animation: fadeIn 0.15s ease-out forwards;
}

/* Toast animation */
.toast-visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* Print Styling */
@media print {
  header, nav, .tab-btn, button, .relative input, #qrModal, #transactionModal, #budgetModal, #accountModal, #memberModal, .fixed {
    display: none !important;
  }
  body {
    background-color: white !important;
    padding: 0 !important;
    font-size: 12pt !important;
  }
  .tab-content {
    display: block !important;
  }
  table {
    width: 100% !important;
    border-collapse: collapse !important;
  }
  th, td {
    border: 1px solid #cbd5e1 !important;
    padding: 6px 10px !important;
  }
}