@tailwind base;
@tailwind components;
@tailwind utilities;

/* --- Mobile / Responsive (Pemrograman Mobile & Perancangan Aplikasi Mobile) --- */
/* Akses SIAKAD via mobile browser: tap targets, safe area, touch-friendly */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  /* Safe area untuk notch/home indicator di mobile */
  padding-left: env(safe-area-inset-left, 0);
  padding-right: env(safe-area-inset-right, 0);
}
/* Tombol/input minimal 44px untuk touch (aksesibilitas mobile) */
@media (max-width: 768px) {
  button:not(.no-tap-expand),
  a[role="button"],
  input[type="submit"],
  input[type="button"] {
    min-height: 44px;
  }
}