/* =====================================================================
   CBT Thariq Bin Ziyad — halaman masuk (admin/guru dan siswa) bertema baru (T1; rencana: docs/RENCANA-TAMPILAN-BARU.md).
   Dimuat setelah tbz-brand.css. Panel merek kiri bergradien dengan pendar statis (admin: navy+ungu, siswa: hijau tua+teal); kartu masuk
   berradius besar; tombol masuk bergradien; gelap mengikuti pengaturan sistem (prefers-color-scheme), karena belum ada akun/penyimpanan tema.
   Tanpa blur di halaman ini (hari ujian: ratusan iPad masuk bersamaan). Logo lembaga dan TBZ DMS tidak diubah, hanya wadahnya.
   ===================================================================== */
.tbz-auth {
    --m-latar: linear-gradient(160deg, #F5F9F8 0%, #E9F0F3 100%);
    --m-kartu: rgba(255, 255, 255, .96);
    --m-garis: rgba(15, 23, 42, .09);
    --m-teks: #0F172A;
    --m-muted: #5B6472;
    --m-judul: #004D00;
    --m-isian: #fff;
    --m-isian-garis: #CBD5E1;
    --m-tombol: linear-gradient(135deg, #008000 0%, #00806A 100%);
    --m-fokus: 0 0 0 4px rgba(0, 128, 0, .18);
    --m-bayang: 0 1px 2px rgba(15, 23, 42, .05), 0 24px 48px -24px rgba(15, 23, 42, .28);
    --m-tautan: #006400;
}
@media (prefers-color-scheme: dark) {
    .tbz-auth {
        --m-latar: #0B0B16;
        --m-kartu: rgba(26, 26, 46, .92);
        --m-garis: rgba(255, 255, 255, .09);
        --m-teks: #F3F4F8;
        --m-muted: #A5ADBD;
        --m-judul: #F3F4F8;
        --m-isian: rgba(255, 255, 255, .06);
        --m-isian-garis: rgba(255, 255, 255, .2);
        --m-tombol: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
        --m-fokus: 0 0 0 4px rgba(34, 211, 238, .28);
        --m-bayang: 0 24px 48px -20px rgba(0, 0, 0, .7);
        --m-tautan: #67E8F9;
    }
}

/* Panel merek: gradien + pendar (admin ungu, siswa teal) */
.tbz-auth--panel .tbz-auth__brand {
    background:
        radial-gradient(640px 420px at 92% 6%, rgba(124, 58, 237, .45), transparent 62%),
        radial-gradient(560px 420px at 0% 108%, rgba(34, 211, 238, .22), transparent 64%),
        linear-gradient(160deg, #0B1020 0%, #14183A 100%);
}
.tbz-auth:not(.tbz-auth--panel) .tbz-auth__brand {
    background:
        radial-gradient(640px 420px at 92% 6%, rgba(0, 168, 132, .40), transparent 62%),
        radial-gradient(560px 420px at 0% 108%, rgba(0, 128, 0, .30), transparent 64%),
        linear-gradient(160deg, #081B1B 0%, #0A3B33 100%);
}
.tbz-logo-chip { border-radius: 22px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 18px 40px -12px rgba(0, 0, 0, .45); }

/* Sisi masuk */
.tbz-auth__panel { background: var(--m-latar); }
.tbz-auth__card {
    background: var(--m-kartu);
    border: 1px solid var(--m-garis);
    border-radius: 24px;
    box-shadow: var(--m-bayang);
    color: var(--m-teks);
}
.tbz-auth__card h2, .tbz-auth__app b { color: var(--m-judul); }
.tbz-auth__card .lead-text, .tbz-auth__app span, .tbz-auth__foot { color: var(--m-muted); }
.tbz-field label { color: var(--m-teks); }
.tbz-input input {
    height: 52px;
    border-radius: 14px;
    border: 1.5px solid var(--m-isian-garis);
    background: var(--m-isian);
    color: var(--m-teks);
}
.tbz-input input:focus { border-color: var(--tbz-green-500); box-shadow: var(--m-fokus); }
@media (prefers-color-scheme: dark) { .tbz-input input:focus { border-color: #22D3EE; } }
.tbz-btn:not(.tbz-btn--google) {
    border: 0;
    border-radius: 14px;
    background: var(--m-tombol);
    box-shadow: 0 12px 26px -12px rgba(0, 100, 0, .6);
}
@media (prefers-color-scheme: dark) { .tbz-btn:not(.tbz-btn--google) { box-shadow: 0 14px 30px -12px rgba(124, 58, 237, .8); } }

/* Pelat logo TBZ DMS di kartu masuk: logo apa adanya di atas pelat putih */
.tbz-auth__foot .tbz-dms__logo, .tbz-auth__foot img { background: #fff; border-radius: 10px; padding: 3px 7px; }

/* Kontras di kartu masuk (gelap mengikuti sistem): tautan, penanda TBZ DMS, dan pembatas memakai token halaman ini, bukan warna terang bawaan */
.tbz-auth__card a:not(.tbz-btn) { color: var(--m-tautan); }
.tbz-auth .tbz-dms__teks, .tbz-auth .tbz-dms__versi, .tbz-auth .tbz-divider { color: var(--m-muted); }
.tbz-auth .tbz-divider::before, .tbz-auth .tbz-divider::after { background: var(--m-garis); }