/* Smart Loan Transfer — Supplemental CSS */
*, *::before, *::after { box-sizing: border-box; }

/* Ensure modals work on mobile */
@media (max-width: 640px) {
  .fixed.inset-0 { padding: .75rem !important; }
  .fixed.inset-0 > div { max-width: 100% !important; width: 100% !important; }
}

/* Card responsive padding */
@media (max-width: 640px) {
  .card { padding: 1rem !important; }
  main { padding-left: 1rem !important; padding-right: 1rem !important; }
}

/* Tables scroll on mobile */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { min-width: 500px; }

/* Input sizing mobile */
@media (max-width: 480px) {
  .input { font-size: 16px !important; } /* prevent zoom on iOS */
}

/* Fade-up animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp .4s ease-out both; }

/* Skeleton */
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.skeleton {
  background: linear-gradient(90deg,#f1f5f9 25%,#e8ecf5 50%,#f1f5f9 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite;
  border-radius: 8px;
}