/* Lokasi fail: assets/css/app.css Versi RAMPING (kehadiran.iactims.my) - subset drpd admin/assets/css/ app.css, HANYA pemboleh ubah & kelas yg digunakan oleh index.php (borang pendaftaran kehadiran). Halaman ni SENGAJA paksa data-theme="light" (lihat index.php ), jadi blok :root[data- theme="dark"] admin sengaja DIBUANG di sini - tak pernah terpakai. */ @import url('../vendor/fonts/inter/inter.css'); :root { --font-app: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Timpa token Bootstrap sendiri supaya .btn-primary/.text-primary/ spinner dsb seragam navy, bukan biru Bootstrap lalai #0d6efd. */ --bs-primary: #0b1b42; --bs-primary-rgb: 11, 27, 66; --bg: #eef1f9; --surface: #ffffff; --surface-alt: #f1f3f8; --text: #1c2331; --text-muted: #667085; --border: #e4e7ec; --primary: #0b1b42; --primary-hover: #14295c; --primary-soft: #e8ebf3; --accent: #f4821f; --accent-hover: #ff9f43; --success: #12b76a; --warning: #f79009; --danger: #e02424; --info: #0ba5ec; --radius-sm: 8px; --radius: 14px; --radius-lg: 20px; --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06); --shadow: 0 2px 8px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06); --shadow-lg: 0 12px 32px rgba(16, 24, 40, .12); } html { font-size: 87.5%; } body { font-family: var(--font-app); background: var(--bg); color: var(--text); } /* ---------- Overlay modal generik (lengkap profil / kunci hari ini / token lapuk) ---------- */ .overlay-lengkap-profil { position: fixed; inset: 0; z-index: 1050; background: rgba(15, 23, 42, .6); display: flex; align-items: center; justify-content: center; padding: 1rem; } .overlay-lengkap-profil .kad-overlay { background: var(--surface); border-radius: var(--radius-lg); max-width: 440px; width: 100%; padding: 1.5rem; max-height: 90vh; overflow-y: auto; box-shadow: var(--shadow-lg); } /* ---------- Notis Cloudflare Turnstile - sama pattern e-sijil/admin ---------- */ .notis-turnstile { display: flex; align-items: center; gap: .3rem; font-size: .68rem; color: var(--text-muted); opacity: .85; margin: .5rem 0 0; } .notis-turnstile-ikon { flex-shrink: 0; opacity: .7; width: 11px; height: 11px; } .notis-turnstile-pautan { background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; } .modal-turnstile-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); display: flex; align-items: center; justify-content: center; z-index: 2000; padding: 1rem; } .modal-turnstile-overlay[hidden] { display: none; } .modal-turnstile-kad { background: #fff; color: #212529; border-radius: .75rem; max-width: 420px; width: 100%; padding: 1.5rem; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, .25); } .modal-turnstile-tutup { position: absolute; top: .6rem; right: .8rem; background: none; border: none; font-size: 1.4rem; line-height: 1; cursor: pointer; color: #888; } .modal-turnstile-kad .modal-turnstile-tajuk { color: #212529; font-size: 1rem; font-weight: 700; margin-bottom: .6rem; } .modal-turnstile-kad .modal-turnstile-teks { color: #212529; margin-bottom: .75rem; } .modal-turnstile-kad .modal-turnstile-nota { color: #6c757d; margin-bottom: 0; font-size: .82rem; } /* ---------- Footer tetap (lihat includes/footer-app.php) ---------- */ .app-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1010; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .4rem 1.25rem; font-size: .72rem; color: var(--text-muted); background: var(--surface); border-top: 1px solid var(--border); } @media print { .app-footer { display: none !important; } }