/* A few things Tailwind's CDN build cannot do for us. */

/* Hide Alpine.js elements until Alpine has initialised. */
[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

/* Comfortable tap targets on phones. */
@media (max-width: 640px) {
  input, select, textarea, button { font-size: 16px; }  /* stops iOS zoom-on-focus */
}

/* Printing an invoice page from the browser: drop the app chrome. */
@media print {
  header, nav, footer, form button, a[href^="/dashboard"] { display: none !important; }
  body { background: #fff; }
}