/* FIA Theme — transisi + util di luar Tailwind.
   Komponen @apply ada di src/css/app.css (build) dan di header.php
   dalam <style type="text/tailwindcss"> saat fallback CDN. */

[x-cloak] { display: none !important; }
.dark { color-scheme: dark; }

/* Transisi modal & fade (dipakai Alpine x-transition). */
.fia-modal-enter       { transition: opacity .25s ease-out, transform .25s ease-out; }
.fia-modal-enter-start { opacity: 0; transform: scale(.95); }
.fia-modal-enter-end   { opacity: 1; transform: scale(1); }
.fia-modal-leave       { transition: opacity .2s ease-in, transform .2s ease-in; }
.fia-modal-leave-start { opacity: 1; transform: scale(1); }
.fia-modal-leave-end   { opacity: 0; transform: scale(.95); }
.fia-fade-enter        { transition: opacity .25s ease-out; }
.fia-fade-enter-start  { opacity: 0; }
.fia-fade-enter-end    { opacity: 1; }
.fia-fade-leave        { transition: opacity .2s ease-in; }
.fia-fade-leave-start  { opacity: 1; }
.fia-fade-leave-end    { opacity: 0; }

/* Spinner tombol submit. */
.fia-btn-spinner { display: inline-block; width: .9em; height: .9em; margin-right: .45em;
	border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
	animation: fia-spin .6s linear infinite; vertical-align: -0.08em; }
@keyframes fia-spin { to { transform: rotate(360deg); } }

html { scroll-behavior: smooth; }