/* Style khusus Qlinic (komponen utama ada di home.php -> <style type="text/tailwindcss">) */
html { -webkit-tap-highlight-color: transparent; }
body { min-height: 100vh; }

/* latar belakang ceria: gelembung warna lembut */
.bg-ceria {
    background:
        radial-gradient(600px 300px at 0% 0%, rgba(94, 200, 255, .18), transparent 60%),
        radial-gradient(500px 300px at 100% 0%, rgba(255, 126, 182, .14), transparent 60%),
        radial-gradient(600px 400px at 50% 100%, rgba(255, 209, 102, .16), transparent 60%),
        #f4fbfb;
}
/* iPhone (Safari): kolom isian dengan huruf < 16px membuat halaman otomatis ZOOM saat disentuh.
   Pengaman untuk input yang mewarisi huruf kecil; kelas ukuran (text-2xl dll) tetap menang karena :where() tanpa spesifisitas kelas */
@media (max-width: 639px) {
    html body :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]), select, textarea) { font-size: max(16px, 1em); }
}
/* layar login di HP: latar di luar kartu = warna tema (theme_color manifest #14b8a6), kartu tetap putih */
@media (max-width: 767px) {
    #modalLogin.bg-ceria { background: #14b8a6; }
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }

.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }

/* nomor antrian besar */
.noq-besar { font-family: 'Fredoka', 'Nunito', sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }

/* running text */
.marquee { overflow: hidden; white-space: nowrap; }
.marquee > span { display: inline-block; padding-left: 100%; animation: marquee 25s linear infinite; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }

/* kartu pasien berkedip saat dipanggil */
@keyframes denyut { 0%,100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, .45); } 50% { box-shadow: 0 0 0 10px rgba(139, 92, 246, 0); } }
.denyut { animation: denyut 1.6s ease-in-out infinite; }

/* toast template tanpa font-awesome */
.toast-notification { border-radius: 16px; font-family: 'Nunito', sans-serif; }
.toast-icon { display: none; }