/* 
   Global Styles & Tailwind Fallback 
   Dibuat untuk memastikan tampilan tetap rapi meskipun script CDN gagal dimuat.
*/

/* 1. Base Reset */
body {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8fafc;
    -webkit-tap-highlight-color: transparent;
}

/* 2. Fix Zoom on Mobile (iOS & Android) */
/* Mencegah browser zoom otomatis saat klik kolom input */
@media screen and (max-width: 768px) {
    input, select, textarea, button {
        font-size: 16px !important;
    }
}

/* 3. Tailwind Critical Fallback */
.hidden { display: none; }

@media (min-width: 768px) {
    .md\:hidden { display: none; }
    .md\:block { display: block; }
    .md\:flex { display: flex; }
    .md\:grid { display: grid; }
}

@media (max-width: 767px) {
    .md\:block, .md\:flex, .md\:grid { display: none; }
}

/* 4. Basic Mobile Nav Fallback */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}

/* 5. Utility Dasar agar tidak hancur lebur */
.bg-white { background-color: white; }
.rounded-2xl { border-radius: 1rem; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }