/* style.css */

body {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

input, button {
  -webkit-tap-highlight-color: transparent;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.table-row-animate {
  animation: fadeIn 0.4s ease-out forwards;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px; 
}

::-webkit-scrollbar-track {
  background: #f8fafc; 
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; 
}

#table-container {
  /* Hilangkan background border di HP karena diganti oleh card border */
  -webkit-overflow-scrolling: touch; 
}

@media (max-width: 768px) {
  #table-container {
    border: none; /* Menghilangkan garis luar tabel utama di HP */
    background: transparent;
  }
}