/* =============================================================================
   kartu-digital.css — KARTU DIGITAL SANTRI
   "Premium Islamic Digital Student ID Card"

   Namespace: .digital-student-card (+ __elemen). Tidak ada selektor generik,
   jadi tidak bocor ke komponen lain. Elemen akar juga membawa kelas lama
   .v12-kartu supaya mesin lembar cetak (ukuran, kapasitas A4, garis potong)
   tetap bekerja tanpa diubah.

   SATUAN. Semua ukuran memakai --dsc-u = --k-lebar / 100. Kartu 85,6 mm
   berarti 1u = 0,856 mm; kartu digital responsif di profil santri cukup
   mengganti --k-lebar, dan seluruh komposisi ikut berskala utuh.

   Kartu: 100u x 63,08u (rasio 1,585 — ISO/IEC 7810 ID-1).
   ========================================================================== */

.digital-student-card {
    /* --- design tokens --- */
    --dsc-navy: #071426;
    --dsc-navy-2: #0B1B32;
    --dsc-midnight: #102544;
    --dsc-emerald: #0F6B55;
    --dsc-emerald-dark: #084C3A;
    --dsc-gold: #D4AF37;
    --dsc-gold-soft: #E6C766;
    --dsc-ivory: #F8F5EA;
    --dsc-white: #FFFFFF;
    --dsc-muted: #AEB8C7;
    --dsc-u: calc(var(--k-lebar, 85.6mm) / 100);

    display: block !important;               /* batalkan grid kartu lama */
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: calc(var(--dsc-u) * 3.6);
    border: calc(var(--dsc-u) * 0.26) solid rgba(212, 175, 55, 0.5);
    background: linear-gradient(135deg, var(--dsc-navy) 0%, var(--dsc-navy-2) 45%, var(--dsc-midnight) 100%);
    color: var(--dsc-white);
    font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: calc(var(--dsc-u) * 2.4);
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
/* Ornamen kartu lama tidak dipakai lagi. */
.v12-kartu.digital-student-card::before { content: none !important; display: none !important; }
.digital-student-card p { margin: 0; }

/* ------------------------------------------------------------ latar */
.digital-student-card__bg {
    position: absolute; inset: 0; z-index: -2; pointer-events: none;
    background:
        radial-gradient(circle at 10% 96%, rgba(15, 107, 85, 0.42) 0%, transparent 46%),
        radial-gradient(circle at 94% 4%, rgba(212, 175, 55, 0.13) 0%, transparent 42%),
        radial-gradient(ellipse at 55% 45%, rgba(16, 37, 68, 0.55) 0%, transparent 70%);
}
/* Pola bintang delapan: halus, baru terasa saat diperhatikan. */
.digital-student-card__bg::before {
    content: ''; position: absolute; inset: 0; opacity: 0.075;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-width='.7'%3E%3Crect x='11.7' y='11.7' width='16.6' height='16.6'/%3E%3Crect x='11.7' y='11.7' width='16.6' height='16.6' transform='rotate(45 20 20)'/%3E%3Cpath d='M0 20h5.6M34.4 20H40M20 0v5.6M20 34.4V40'/%3E%3C/g%3E%3C/svg%3E");
    background-size: calc(var(--dsc-u) * 9) calc(var(--dsc-u) * 9);
    background-position: calc(var(--dsc-u) * 2) calc(var(--dsc-u) * 1);
    /* memudar di area identitas supaya teks tetap paling jelas */
    -webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.35) 62%, #000 100%);
    mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.35) 62%, #000 100%);
}
/* Butiran halus: kesan material, bukan layar datar. */
.digital-student-card__bg::after {
    content: ''; position: absolute; inset: 0; opacity: 0.09; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: calc(var(--dsc-u) * 24) calc(var(--dsc-u) * 24);
}
/* Satu rosette besar di sudut kanan bawah — tanda tangan visual, bukan hiasan penuh. */
.digital-student-card__rosette {
    position: absolute; z-index: -1; pointer-events: none;
    width: calc(var(--dsc-u) * 46); height: calc(var(--dsc-u) * 46);
    right: calc(var(--dsc-u) * -15); bottom: calc(var(--dsc-u) * -19);
    color: var(--dsc-gold); opacity: 0.07;
}
.digital-student-card__rosette svg { width: 100%; height: 100%; display: block; }

/* ------------------------------------------------------------ bingkai */
.digital-student-card__frame {
    position: absolute; inset: calc(var(--dsc-u) * 1.3); pointer-events: none;
    border: calc(var(--dsc-u) * 0.14) solid rgba(255, 255, 255, 0.09);
    border-radius: calc(var(--dsc-u) * 2.5);
}
.digital-student-card__frame i {
    position: absolute; width: calc(var(--dsc-u) * 3.4); height: calc(var(--dsc-u) * 3.4);
    border: 0 solid rgba(230, 199, 102, 0.78);
}
.digital-student-card__frame i:nth-child(1) { top: calc(var(--dsc-u) * .7); left: calc(var(--dsc-u) * .7); border-top-width: calc(var(--dsc-u) * .18); border-left-width: calc(var(--dsc-u) * .18); border-top-left-radius: calc(var(--dsc-u) * 1.3); }
.digital-student-card__frame i:nth-child(2) { top: calc(var(--dsc-u) * .7); right: calc(var(--dsc-u) * .7); border-top-width: calc(var(--dsc-u) * .18); border-right-width: calc(var(--dsc-u) * .18); border-top-right-radius: calc(var(--dsc-u) * 1.3); }
.digital-student-card__frame i:nth-child(3) { bottom: calc(var(--dsc-u) * .7); left: calc(var(--dsc-u) * .7); border-bottom-width: calc(var(--dsc-u) * .18); border-left-width: calc(var(--dsc-u) * .18); border-bottom-left-radius: calc(var(--dsc-u) * 1.3); }
.digital-student-card__frame i:nth-child(4) { bottom: calc(var(--dsc-u) * .7); right: calc(var(--dsc-u) * .7); border-bottom-width: calc(var(--dsc-u) * .18); border-right-width: calc(var(--dsc-u) * .18); border-bottom-right-radius: calc(var(--dsc-u) * 1.3); }

/* ------------------------------------------------------------ kop lembaga */
.digital-student-card__header {
    position: absolute; left: calc(var(--dsc-u) * 5); right: calc(var(--dsc-u) * 5);
    top: calc(var(--dsc-u) * 4.4); height: calc(var(--dsc-u) * 10.4);
    display: flex; align-items: center; gap: calc(var(--dsc-u) * 2.2);
}
.digital-student-card__logo {
    flex: none; width: calc(var(--dsc-u) * 10); height: calc(var(--dsc-u) * 10);
    border-radius: 50%; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    background: var(--dsc-ivory);
    box-shadow: 0 0 0 calc(var(--dsc-u) * .3) rgba(212, 175, 55, .85),
                0 0 0 calc(var(--dsc-u) * .75) rgba(212, 175, 55, .18),
                0 calc(var(--dsc-u) * .6) calc(var(--dsc-u) * 1.6) rgba(0, 0, 0, .35);
}
.digital-student-card__logo img { width: 100%; height: 100%; object-fit: contain; padding: calc(var(--dsc-u) * .9); display: block; }
.digital-student-card__logo span { font-weight: 800; font-size: calc(var(--dsc-u) * 4.2); color: var(--dsc-navy); }
.digital-student-card__org { min-width: 0; flex: 1; }
.digital-student-card__org-name {
    font-size: calc(var(--dsc-u) * var(--dsc-fs-org, 3.2));
    font-weight: 800; letter-spacing: .02em; line-height: 1.22;
    color: var(--dsc-ivory); white-space: nowrap; overflow: hidden;
}
.digital-student-card__org-region {
    margin-top: calc(var(--dsc-u) * .2) !important;
    font-size: calc(var(--dsc-u) * 1.95); font-weight: 700; letter-spacing: .2em; line-height: 1.3;
    color: var(--dsc-gold-soft); white-space: nowrap; overflow: hidden;
}
.digital-student-card__org-system {
    margin-top: calc(var(--dsc-u) * .25) !important;
    font-size: calc(var(--dsc-u) * 1.6); font-weight: 500; letter-spacing: .02em; line-height: 1.4;
    color: var(--dsc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.digital-student-card__emblem {
    flex: none; align-self: flex-start;
    width: calc(var(--dsc-u) * 5.2); height: calc(var(--dsc-u) * 5.2);
    margin-top: calc(var(--dsc-u) * .4); color: var(--dsc-gold); opacity: .55;
}
.digital-student-card__emblem svg { width: 100%; height: 100%; display: block; }

/* Garis pemisah: emerald ke emas, lalu memudar. */
.digital-student-card__rule {
    position: absolute; left: calc(var(--dsc-u) * 5); width: calc(var(--dsc-u) * 90);
    top: calc(var(--dsc-u) * 16.6); height: calc(var(--dsc-u) * .2);
    background: linear-gradient(90deg, rgba(15, 107, 85, .95) 0%, var(--dsc-gold) 34%, rgba(212, 175, 55, .35) 70%, transparent 100%);
    border-radius: 99px;
}

/* ------------------------------------------------------------ foto & status */
.digital-student-card__photo-col {
    position: absolute; left: calc(var(--dsc-u) * 5); top: calc(var(--dsc-u) * 19.2);
    width: calc(var(--dsc-u) * 22);
}
.digital-student-card__photo {
    width: calc(var(--dsc-u) * 22); height: calc(var(--dsc-u) * 22);
    padding: calc(var(--dsc-u) * .55);
    border-radius: calc(var(--dsc-u) * 2.6);
    background: rgba(255, 255, 255, .08);
    border: calc(var(--dsc-u) * .2) solid rgba(212, 175, 55, .55);
    box-shadow: inset 0 0 0 calc(var(--dsc-u) * .12) rgba(255, 255, 255, .1),
                0 calc(var(--dsc-u) * .8) calc(var(--dsc-u) * 2) rgba(0, 0, 0, .3);
}
.digital-student-card__photo img,
.digital-student-card__photo-empty {
    width: 100%; height: 100%; display: block;
    border-radius: calc(var(--dsc-u) * 2);
    object-fit: cover; object-position: center 22%;
    background: var(--dsc-navy-2);
}
.digital-student-card__photo-empty {
    display: flex; align-items: flex-end; justify-content: center; overflow: hidden;
    color: rgba(248, 245, 234, .26);
    background: linear-gradient(160deg, var(--dsc-midnight), var(--dsc-navy));
}
.digital-student-card__photo-empty svg { width: 82%; height: 82%; display: block; }

.digital-student-card__status {
    display: inline-flex; align-items: center; gap: calc(var(--dsc-u) * .9);
    margin-top: calc(var(--dsc-u) * 2);
    height: calc(var(--dsc-u) * 4.2);
    /* huruf kapital tanpa ekor bawah: sedikit ruang atas ekstra agar tampak di tengah */
    padding: calc(var(--dsc-u) * .18) calc(var(--dsc-u) * 1.5) 0 calc(var(--dsc-u) * 1.4);
    border-radius: 99px;
    font-size: calc(var(--dsc-u) * 1.75); font-weight: 800; letter-spacing: .18em; line-height: 1;
    color: #E8FFF6;
    background: linear-gradient(135deg, rgba(15, 107, 85, .55), rgba(8, 76, 58, .6));
    border: calc(var(--dsc-u) * .16) solid rgba(52, 211, 153, .45);
    box-shadow: 0 0 calc(var(--dsc-u) * 1.6) rgba(15, 107, 85, .45);
    white-space: nowrap;
}
.digital-student-card__status i {
    width: calc(var(--dsc-u) * 1.15); height: calc(var(--dsc-u) * 1.15); border-radius: 50%;
    background: #34D399; box-shadow: 0 0 calc(var(--dsc-u) * .9) rgba(52, 211, 153, .9);
}
.digital-student-card__status[data-status="nonaktif"] {
    color: #E2E8F0; background: rgba(148, 163, 184, .18);
    border-color: rgba(148, 163, 184, .45); box-shadow: none;
}
.digital-student-card__status[data-status="nonaktif"] i { background: #94A3B8; box-shadow: none; }

/* ------------------------------------------------------------ blok identitas */
/* Lima baris, satu blok. Kolom label & pemisah berlebar tetap sehingga semua
   nilai mulai dari garis yang sama. Tidak ada baris yang boleh turun. */
.digital-student-card__identity {
    position: absolute; left: calc(var(--dsc-u) * 31); right: calc(var(--dsc-u) * 5);
    top: calc(var(--dsc-u) * 19.2);
}
.digital-student-card__row {
    display: grid;
    grid-template-columns: calc(var(--dsc-u) * 11) calc(var(--dsc-u) * 2.4) minmax(0, 1fr);
    align-items: center;
    height: calc(var(--dsc-u) * 6);
    white-space: nowrap;
}
/* Nama boleh memakai lebar penuh sampai tepi kanan (QR mulai di bawahnya);
   baris lain berhenti sebelum kolom QR. */
.digital-student-card__row:not(.digital-student-card__row--name) { margin-right: calc(var(--dsc-u) * 23.5); }
.digital-student-card__row + .digital-student-card__row {
    background-image: linear-gradient(90deg, rgba(212, 175, 55, .22), rgba(255, 255, 255, .06) 55%, transparent);
    background-size: 100% calc(var(--dsc-u) * .12);
    background-repeat: no-repeat; background-position: 0 0;
}
.digital-student-card__label {
    font-size: calc(var(--dsc-u) * 2.1); font-weight: 600; letter-spacing: .03em;
    color: var(--dsc-muted);
}
.digital-student-card__sep {
    font-size: calc(var(--dsc-u) * 2.1); font-weight: 700; color: rgba(212, 175, 55, .85);
}
.digital-student-card__value {
    min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    font-size: calc(var(--dsc-u) * 2.5); font-weight: 600; letter-spacing: .01em;
    color: var(--dsc-white);
}
.digital-student-card__value.is-kosong { color: rgba(174, 184, 199, .7); }
/* Nama: ukuran dihitung dari lebar teks sebenarnya (pasKartu di kartu.js),
   jadi TIDAK memakai ellipsis — kecuali nama melebihi batas terkecil yang
   masih terbaca, satu-satunya kasus yang boleh dipotong. */
.digital-student-card__value--name {
    font-size: calc(var(--dsc-u) * var(--dsc-fs-nama, 3.3));
    font-weight: 700; letter-spacing: .005em;
    color: var(--dsc-ivory); text-overflow: clip;
}
.digital-student-card__value--name.is-terlalu-panjang { text-overflow: ellipsis; }

/* ------------------------------------------------------------ QR */
.digital-student-card__qr-col {
    position: absolute; right: calc(var(--dsc-u) * 5); top: calc(var(--dsc-u) * 25.6);
    width: calc(var(--dsc-u) * 21); text-align: center;
}
.digital-student-card__qr {
    width: calc(var(--dsc-u) * 21); height: calc(var(--dsc-u) * 21);
    padding: calc(var(--dsc-u) * 1.35);
    border-radius: calc(var(--dsc-u) * 2);
    background: #FFFFFF;                         /* kontras QR maksimum */
    border: calc(var(--dsc-u) * .22) solid rgba(212, 175, 55, .75);
    box-shadow: 0 0 0 calc(var(--dsc-u) * .55) rgba(248, 245, 234, .08),
                0 calc(var(--dsc-u) * .8) calc(var(--dsc-u) * 2.2) rgba(0, 0, 0, .35);
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.digital-student-card__qr img, .digital-student-card__qr canvas, .digital-student-card__qr svg {
    width: 100% !important; height: 100% !important; display: block;
    image-rendering: pixelated;                   /* modul QR tetap bersudut tajam */
}
.digital-student-card__qr .v12-k-qr-gagal { font-size: calc(var(--dsc-u) * 1.4); color: #7f1d1d; line-height: 1.2; }
.digital-student-card__qr-id {
    margin-top: calc(var(--dsc-u) * 1.1) !important;
    font-size: calc(var(--dsc-u) * 2.15); font-weight: 800; letter-spacing: .1em; color: var(--dsc-gold-soft);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.digital-student-card__qr-hint {
    margin-top: calc(var(--dsc-u) * .35) !important;
    font-size: calc(var(--dsc-u) * 1.4); font-weight: 500; letter-spacing: .02em; color: var(--dsc-muted);
    white-space: nowrap;
}

/* ------------------------------------------------------------ kaki */
.digital-student-card__footer {
    position: absolute; left: calc(var(--dsc-u) * 5); right: calc(var(--dsc-u) * 5);
    bottom: calc(var(--dsc-u) * 4.3);
    display: flex; align-items: center; gap: calc(var(--dsc-u) * 1.6);
}
.digital-student-card__footer span {
    font-size: calc(var(--dsc-u) * 1.45); font-weight: 700; letter-spacing: .3em; text-transform: uppercase;
    color: rgba(230, 199, 102, .78); white-space: nowrap;
}
.digital-student-card__footer::after {
    content: ''; flex: 1; height: calc(var(--dsc-u) * .12);
    background: linear-gradient(90deg, rgba(212, 175, 55, .45), rgba(212, 175, 55, 0));
}

/* ============================================================================
   KARTU DIGITAL DI MENU KARTU (cakupan satu santri, bisa dibalik)
   Di layar, kartu tampil responsif dan diberi kedalaman & gerak halus.
   Lembar cetak A4 TIDAK terpengaruh: aturan ini hanya untuk .dsc-balik.
   ========================================================================== */
@media screen {
    .dsc-balik .digital-student-card {
        --k-lebar: min(calc(100vw - 72px), 540px);
        --k-tinggi: calc(var(--k-lebar) / 1.5852);
        box-shadow: 0 22px 50px rgba(3, 8, 18, .34), 0 4px 14px rgba(3, 8, 18, .2),
                    inset 0 1px 0 rgba(255, 255, 255, .07);
        transition: transform .5s cubic-bezier(.22, 1, .36, 1), box-shadow .5s cubic-bezier(.22, 1, .36, 1);
    }
    /* Kilau cahaya yang menyapu sekali saat disorot. */
    .dsc-balik .digital-student-card::after {
        content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;
        background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .10) 45%, rgba(230, 199, 102, .08) 50%, transparent 62%);
        transform: translateX(-120%);
    }
    @media (prefers-reduced-motion: no-preference) {
        .dsc-balik .digital-student-card { animation: dsc-masuk .7s cubic-bezier(.22, 1, .36, 1) both; }
        .dsc-balik .digital-student-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 30px 64px rgba(3, 8, 18, .4), 0 6px 18px rgba(3, 8, 18, .22),
                        inset 0 1px 0 rgba(255, 255, 255, .08);
        }
        .dsc-balik .digital-student-card:hover::after { animation: dsc-sapu 1.1s cubic-bezier(.22, 1, .36, 1) forwards; }
        .dsc-balik .digital-student-card__status i { animation: dsc-denyut 2.6s ease-in-out infinite; }
    }
}
@keyframes dsc-masuk { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes dsc-sapu { to { transform: translateX(120%); } }
@keyframes dsc-denyut { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

/* ============================================================================
   CETAK — warna ikut tercetak, tanpa bayangan peramban, tanpa animasi.
   ========================================================================== */
@media print {
    .digital-student-card {
        box-shadow: none !important; animation: none !important; transition: none !important;
        -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;
    }
    .digital-student-card::after { content: none !important; }
    /* KINERJA CETAK (diukur di Chrome, 28 kartu / 3 lembar A4):
       - Butiran (filter SVG feTurbulence) menambah ~7 detik render cetak, padahal
         pada opasitas 4,5% ia tidak terlihat di kertas. Dimatikan saat cetak.
       - Pola bintang menambah ~8 detik karena ubinnya diulang sebagai vektor di
         setiap kartu. Tetap dicetak (bagian identitas), tetapi ubinnya dibesarkan
         dan maskernya dilepas supaya jumlah ulangan jauh berkurang. */
    .digital-student-card__bg::after { display: none !important; }
    .digital-student-card__bg::before {
        -webkit-mask-image: none !important; mask-image: none !important;
        /* Ubin PNG 200px (~425 dpi pada 12 mm) dengan transparansi dipanggang:
           PDF cukup mengulang satu gambar, bukan menggambar vektor transparan
           di setiap kartu. Motifnya sama persis dengan versi layar. */
        background-image: url("data:image/png;base64,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") !important;
        background-size: calc(var(--dsc-u) * 14) calc(var(--dsc-u) * 14);
        opacity: 1;
    }
    .digital-student-card__photo, .digital-student-card__qr, .digital-student-card__logo { box-shadow: none !important; }
    .digital-student-card__logo { outline: calc(var(--dsc-u) * .3) solid rgba(212, 175, 55, .85); }
    .digital-student-card__status { box-shadow: none !important; }
    .digital-student-card__status i { box-shadow: none !important; }
    .dsc-balik .digital-student-card { --k-lebar: 85.6mm; --k-tinggi: 54mm; }
}
@media (prefers-reduced-motion: reduce) {
    .digital-student-card, .digital-student-card * { animation: none !important; transition: none !important; }
}