:root{--blue:#0758b8;--blue2:#003876;--navy:#061a3d;--soft:#f4f8ff;--line:#dbe7f5;--text:#0f172a;--muted:#64748b;--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef4fb;color:var(--text)}a{text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#072c64,#0758b8);color:white;padding:22px;box-shadow:10px 0 30px rgba(7,44,100,.18);z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-icon{width:48px;height:48px;border-radius:16px;background:white;color:#0758b8;display:grid;place-items:center;font-weight:900;letter-spacing:1px}.brand b{display:block;font-size:18px}.brand span{font-size:12px;opacity:.8}.sidebar nav{display:grid;gap:8px}.sidebar nav a{color:white;padding:13px 14px;border-radius:14px;font-weight:700;background:rgba(255,255,255,.08)}.sidebar nav a:hover{background:rgba(255,255,255,.18)}.main{margin-left:260px;min-height:100vh}.topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:22px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:14px}.container{max-width:1220px;margin:26px auto;padding:0 22px}.hero-panel{background:linear-gradient(135deg,#0758b8,#061a3d);color:white;border-radius:26px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 20px 50px rgba(7,88,184,.25);margin-bottom:20px}.hero-panel h2{margin:0 0 8px;font-size:30px}.hero-panel p{margin:0;opacity:.9}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}.stat{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.stat span{color:var(--muted);font-weight:700}.stat b{display:block;margin-top:8px;font-size:32px;color:#0758b8}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.07);margin-bottom:20px}.panel h2{margin:0 0 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{margin:0}.pill{background:#e0f2fe;color:#075985;border-radius:99px;padding:8px 12px;font-weight:800;font-size:12px}.btn,button{background:linear-gradient(135deg,#0758b8,#003876);color:white;border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-block;box-shadow:0 8px 20px rgba(7,88,184,.18)}.btn:hover,button:hover{filter:brightness(1.05)}.btn.secondary{background:#334155}.btn.light{background:white;color:#0758b8}.btn.red{background:#dc2626}.btn.small{padding:8px 11px;font-size:12px;border-radius:10px}.success{background:#dcfce7;color:#166534;border:1px solid #86efac;padding:12px 14px;border-radius:14px;margin-bottom:14px;font-weight:700}.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:12px 14px;border-radius:14px;margin-bottom:14px;font-weight:700}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px}.field label,.upload-card label,label{display:block;font-weight:800;margin-bottom:7px;color:#1e293b}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:14px;background:#fbfdff;font:inherit;outline:none}input:focus,textarea:focus{border-color:#0758b8;box-shadow:0 0 0 4px rgba(7,88,184,.12)}.wide{grid-column:1/-1}.inline-form{display:flex;gap:12px;max-width:560px}.upload-card{border:1px dashed #a7c7ee;background:#f8fbff;border-radius:18px;padding:14px}.preview-img{width:100%;height:120px;object-fit:contain;background:white;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:8px}.preview-img.student{height:180px;object-fit:cover}.empty-preview{height:120px;border-radius:14px;background:#eaf2ff;display:grid;place-items:center;color:#64748b;font-weight:800;margin-bottom:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{background:#f1f7ff;color:#0f3a75}.table th,.table td{padding:12px 10px;border-bottom:1px solid #e8eef7;text-align:left;font-size:14px;vertical-align:top}.actions{white-space:nowrap}.search{display:flex;gap:8px;min-width:320px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#c8e7ff,transparent 35%),linear-gradient(135deg,#05265a,#0b63ce);padding:22px}.login-shell{width:min(920px,96vw);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}.login-hero{color:white;padding:48px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.04))}.login-hero h1{font-size:44px;line-height:1.05;margin:16px 0}.login-hero p{font-size:17px;line-height:1.6;opacity:.92}.hero-badge{display:inline-block;background:#facc15;color:#07336b;border-radius:999px;padding:8px 14px;font-weight:900}.login-card{background:white;padding:42px}.login-card h2{font-size:28px;margin:0 0 22px}.login-card button{width:100%;margin-top:6px}.login-card small{display:block;text-align:center;margin-top:14px;color:#64748b}.card-page{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;background:#d7dde7}.print-actions{position:sticky;top:0;background:#fff;padding:10px;text-align:center;z-index:10;width:100%;box-shadow:0 2px 10px rgba(0,0,0,.08)}.student-card{width:1000px;height:630px;background:#eef8ff;position:relative;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.18);page-break-after:always}.student-card.front{background-image:var(--bg-front);background-size:cover;background-position:center}.student-card.back{background-image:var(--bg-back);background-size:cover;background-position:center}.card-overlay{position:absolute;inset:0;background:rgba(245,251,255,.86);z-index:0}.custom-bg .card-overlay{background:rgba(245,251,255,.35)}.wave-bottom{position:absolute;left:0;right:0;bottom:0;height:135px;background:#002d66;z-index:1}.wave-left{position:absolute;left:0;bottom:0;width:315px;height:140px;background:#0758b8;border-top-right-radius:70px;z-index:2}.wave-slope{position:absolute;left:250px;right:0;bottom:88px;height:76px;background:#0758b8;clip-path:polygon(0 0,100% 70%,100% 100%,0 100%);z-index:1}.front-content,.back-content{position:relative;z-index:3;height:100%;padding:18px 36px}.logo-slot{position:absolute;display:grid;place-items:center;background:rgba(255,255,255,.55);border-radius:10px;overflow:hidden;color:#0758b8;text-align:center;font-weight:900;font-size:11px}.logo-slot img{width:100%;height:100%;object-fit:contain}.logo-prov{left:58px;top:22px;width:74px;height:92px}.logo-school{right:58px;top:24px;width:94px;height:84px}.header-school{text-align:center;margin:0 auto;width:650px}.header-school .prov{font-size:14px;letter-spacing:4px;font-weight:900;line-height:1.15}.header-school .dinas{font-size:16px;letter-spacing:2px;font-weight:900;margin-top:5px;line-height:1.15}.header-school .school{font-size:25px;line-height:1.05;letter-spacing:5px;font-weight:950;color:#06194c;margin-top:6px}.akred{display:inline-block;margin-top:5px;background:#0758b8;color:#fff;border-radius:18px;padding:3px 26px;font-size:13px;font-weight:900}.addr{font-size:10px;margin-top:6px;line-height:1.25}.photo-box{position:absolute;left:62px;top:170px;width:175px;height:235px;border-radius:14px;background:#1769d4;border:6px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:900;text-align:center;overflow:hidden}.photo-box img{width:100%;height:100%;object-fit:cover}.title-card{position:absolute;left:310px;top:222px;font-size:22px;letter-spacing:9px;font-weight:950;color:#000;white-space:nowrap}.bio{position:absolute;left:310px;top:270px;width:440px;font-size:10.5px;line-height:1.2}.bio-row{display:grid;grid-template-columns:155px 10px minmax(0,1fr);margin-bottom:7px;align-items:start}.bio .value{font-weight:800;overflow-wrap:anywhere;word-break:break-word}.ttd{position:absolute;right:58px;top:348px;width:220px;text-align:center;font-size:9.5px;line-height:1.18}.ttd-img{height:36px;max-width:160px;object-fit:contain;margin:2px auto;display:block}.ttd-space{height:36px}.pejabat{font-weight:900}.valid{position:absolute;left:36px;bottom:26px;z-index:4;color:#fff;display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:1.5px}.valid .cal{font-size:30px}.valid span{font-size:15px}.note{position:absolute;left:330px;bottom:22px;z-index:4;color:#fff;font-size:10px;width:580px;line-height:1.25}.note b{display:block;margin-bottom:5px}.back-title{position:absolute;top:24px;left:190px;background:#0758b8;color:#fff;border-radius:18px;padding:8px 58px;font-size:20px;font-weight:950;letter-spacing:3px}.back-badge{position:absolute;right:0;top:0;background:#002d66;color:#fff;width:230px;height:130px;border-bottom-left-radius:28px;text-align:center;padding-top:18px;font-size:25px;letter-spacing:7px;font-weight:950}.rules{position:absolute;left:58px;top:125px;width:560px;font-size:13px;line-height:1.25}.rule{display:grid;grid-template-columns:30px 1fr;margin-bottom:8px}.num{background:#003a78;color:#fff;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font-weight:900;font-size:14px}.qrbox{position:absolute;right:115px;top:176px;background:#002d66;border-radius:14px;padding:12px;text-align:center;color:#fff;font-size:13px;line-height:1.25}.qrbox img{width:170px;height:170px;background:#fff;padding:8px}.webinfo{position:absolute;left:170px;bottom:34px;color:#fff;font-size:15px;z-index:4;line-height:1.25}.webinfo b{font-size:18px}.accred{position:absolute;left:58px;bottom:38px;color:#75bcff;border:4px solid #75bcff;border-radius:50%;width:86px;height:86px;text-align:center;font-size:58px;line-height:78px;font-weight:950;z-index:4;opacity:.88}.all-print{display:flex;flex-direction:column;gap:25px}@media(max-width:900px){.sidebar{position:relative;width:auto;bottom:auto}.main{margin-left:0}.topbar{position:relative}.hero-panel,.panel-head{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.search{min-width:0;width:100%}.login-shell{grid-template-columns:1fr}.login-hero{padding:30px}.student-card{transform:scale(.72);transform-origin:top center;margin-bottom:-170px}.card-page{overflow-x:hidden}}@media print{body{background:#fff}.sidebar,.topbar,.print-actions{display:none!important}.main{margin:0}.container,.card-page{padding:0;margin:0;max-width:none;background:#fff;gap:0}.student-card{box-shadow:none;transform:none;margin:0;page-break-after:always;width:1000px;height:630px}@page{size:A4 landscape;margin:6mm}}


/* PATCH FONT KECIL: mencegah tulisan tumpang tindih pada halaman cetak */
.student-card{font-family:Arial,Helvetica,sans-serif!important}
.header-school .prov{font-size:14px!important;line-height:1.1!important;letter-spacing:4px!important}
.header-school .dinas{font-size:16px!important;line-height:1.1!important}
.header-school .school{font-size:25px!important;line-height:1.05!important;letter-spacing:5px!important}
.akred{font-size:13px!important;padding:3px 26px!important}
.addr{font-size:10px!important;line-height:1.22!important;margin-top:5px!important}
.title-card{top:220px!important;left:308px!important;font-size:22px!important;letter-spacing:9px!important;white-space:nowrap!important}
.bio{top:268px!important;left:308px!important;width:430px!important;font-size:10.2px!important;line-height:1.18!important}
.bio-row{grid-template-columns:152px 10px minmax(0,1fr)!important;margin-bottom:7px!important}
.bio-row>div{min-width:0!important}
.bio .value{font-size:10.2px!important;font-weight:800!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.18!important}
.ttd{top:342px!important;right:54px!important;width:220px!important;font-size:9px!important;line-height:1.14!important}
.ttd-img{height:34px!important;max-width:150px!important}.ttd-space{height:34px!important}
.pejabat{font-size:10px!important}.note{font-size:10px!important;line-height:1.22!important}.valid{font-size:11px!important}
.rules{font-size:13px!important;line-height:1.25!important}.qrbox{font-size:13px!important}.back-title{font-size:20px!important}.back-badge{font-size:25px!important}
@media print{.student-card{width:1000px!important;height:630px!important;transform:none!important}.title-card{font-size:22px!important}.bio,.bio .value{font-size:10.2px!important}}


/* PATCH ALAMAT SEJAJAR: nilai alamat mulai sejajar dengan nilai biodata di atas, bukan turun di bawah titik dua */
.bio-row{
  display:grid!important;
  grid-template-columns:152px 10px minmax(0,1fr)!important;
  column-gap:8px!important;
  align-items:start!important;
}
.bio-row > div:nth-child(1),
.bio-row > div:nth-child(2),
.bio-row > .value{
  line-height:1.18!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}
.bio-row > div:nth-child(2){
  text-align:center!important;
}
.bio-row.address-row .value{
  display:block!important;
  white-space:normal!important;
  text-indent:0!important;
  padding-left:0!important;
  margin-left:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* PATCH RESPONSIVE GOOGLE CHROME: kartu otomatis mengecil sesuai lebar layar */
@media screen{
  html,body{max-width:100%;overflow-x:hidden!important;}
  .card-page{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    padding:18px 10px 40px!important;
    align-items:center!important;
  }
  .student-card{
    flex:0 0 auto!important;
    transform-origin:top center!important;
    transition:transform .12s ease, margin-bottom .12s ease!important;
  }
  .all-print{
    align-items:center!important;
  }
}
@media print{
  html,body{overflow:visible!important;}
  .student-card{
    transform:none!important;
    margin-bottom:0!important;
  }
}
@media(max-width:900px){
  .student-card{transform:none;margin-bottom:0;}
}


/* PATCH BACKGROUND UPLOAD: background baru langsung terlihat dan tidak tertutup layer putih */
.student-card.front,
.student-card.back{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.student-card.custom-bg .card-overlay{
  background:rgba(255,255,255,.08)!important;
}
.student-card.custom-bg .wave-bottom{
  background:rgba(0,45,102,.72)!important;
}
.student-card.custom-bg .wave-left,
.student-card.custom-bg .wave-slope{
  background:rgba(7,88,184,.70)!important;
}
.checkline{display:flex!important;align-items:center;gap:8px;margin:8px 0 10px!important;font-size:12px!important;font-weight:700!important;color:#334155!important}.checkline input{width:auto!important}

/* PATCH FONT DATA SISWA DIPERBESAR: biodata lebih mudah dibaca tetapi tetap rapi */
.bio{
  top:266px!important;
  left:308px!important;
  width:400px!important;
  font-size:12.3px!important;
  line-height:1.24!important;
}
.bio-row{
  grid-template-columns:150px 10px minmax(0,1fr)!important;
  column-gap:8px!important;
  margin-bottom:8px!important;
  align-items:start!important;
}
.bio-row > div:nth-child(1),
.bio-row > div:nth-child(2),
.bio-row > .value{
  font-size:12.3px!important;
  line-height:1.24!important;
}
.bio .value{
  font-size:12.3px!important;
  font-weight:800!important;
  line-height:1.24!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.bio-row.address-row .value{
  font-size:12.3px!important;
  line-height:1.24!important;
  white-space:normal!important;
}
.ttd{
  top:374px!important;
  right:46px!important;
  width:220px!important;
  font-size:9px!important;
  line-height:1.15!important;
}
@media print{
  .bio,
  .bio-row > div:nth-child(1),
  .bio-row > div:nth-child(2),
  .bio-row > .value,
  .bio .value,
  .bio-row.address-row .value{
    font-size:12.3px!important;
    line-height:1.24!important;
  }
  .bio{width:400px!important;top:266px!important;left:308px!important;}
  .ttd{top:374px!important;right:46px!important;}
}

/* PATCH FINAL: tanda tangan diperbesar dan background lama tidak menumpuk */
.ttd{
  top:356px!important;
  right:34px!important;
  width:270px!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.28!important;
  color:#0f172a!important;
}
.ttd > div:nth-child(1),
.ttd > div:nth-child(2){
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:600!important;
}
.ttd-img{
  height:52px!important;
  max-width:190px!important;
  object-fit:contain!important;
  margin:3px auto 4px!important;
  display:block!important;
}
.ttd-space{height:52px!important;}
.ttd .pejabat,
.pejabat{
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.ttd > div:last-child{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.bio{
  width:370px!important;
}

/* Jika memakai background upload sendiri, elemen background lama bawaan tidak ditampilkan supaya tidak tumpang tindih */
.student-card.custom-bg .wave-bottom,
.student-card.custom-bg .wave-left,
.student-card.custom-bg .wave-slope,
.student-card.custom-bg .card-overlay{
  display:none!important;
}
.student-card.custom-bg.front,
.student-card.custom-bg.back{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.student-card.custom-bg .valid,
.student-card.custom-bg .note,
.student-card.custom-bg .qrbox,
.student-card.custom-bg .back-title,
.student-card.custom-bg .back-badge{
  background:rgba(0,45,102,.78)!important;
  border-radius:14px!important;
  padding:10px 14px!important;
}
.student-card.custom-bg .valid{bottom:18px!important;left:32px!important;}
.student-card.custom-bg .note{bottom:18px!important;}

@media print{
  .ttd{
    top:356px!important;
    right:34px!important;
    width:270px!important;
    font-size:15px!important;
    line-height:1.28!important;
  }
  .ttd > div:nth-child(1),
  .ttd > div:nth-child(2){font-size:15px!important;line-height:1.28!important;}
  .ttd .pejabat,.pejabat{font-size:17px!important;line-height:1.25!important;}
  .ttd > div:last-child{font-size:14px!important;line-height:1.25!important;}
  .ttd-img{height:52px!important;max-width:190px!important;}
  .ttd-space{height:52px!important;}
}


/* PATCH ONLY UPLOADED BACKGROUND + SIGNATURE BIGGER
   - Semua background dekoratif bawaan dinonaktifkan.
   - Kartu hanya memakai background yang diupload admin.
   - Gambar tanda tangan diperbesar.
*/
.student-card{
  background-color:#ffffff!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.card-overlay,
.wave-bottom,
.wave-left,
.wave-slope{
  display:none!important;
}
.header-school{
  background:rgba(255,255,255,.76)!important;
  border-radius:18px!important;
  padding:10px 18px 8px!important;
}
.title-card{
  background:rgba(255,255,255,.72)!important;
  padding:4px 14px!important;
  border-radius:12px!important;
}
.bio{
  background:rgba(255,255,255,.76)!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  width:388px!important;
}
.ttd{
  top:348px!important;
  right:28px!important;
  width:285px!important;
  background:rgba(255,255,255,.76)!important;
  border-radius:16px!important;
  padding:10px 12px!important;
}
.ttd-img{
  height:74px!important;
  max-width:230px!important;
  object-fit:contain!important;
  margin:4px auto 6px!important;
  display:block!important;
}
.ttd-space{height:74px!important;}
.valid,
.note,
.webinfo{
  background:rgba(0,45,102,.82)!important;
  border-radius:14px!important;
  padding:10px 14px!important;
}
.valid{left:24px!important;bottom:18px!important;}
.note{left:322px!important;bottom:18px!important;width:598px!important;}
.webinfo{left:168px!important;bottom:28px!important;padding:10px 16px!important;}
.student-card.custom-bg,
.student-card.has-upload-bg{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.student-card.custom-bg .valid,
.student-card.custom-bg .note,
.student-card.custom-bg .webinfo,
.student-card.has-upload-bg .valid,
.student-card.has-upload-bg .note,
.student-card.has-upload-bg .webinfo{
  background:rgba(0,45,102,.82)!important;
}
@media print{
  .card-overlay,.wave-bottom,.wave-left,.wave-slope{display:none!important;}
  .student-card{background-color:#ffffff!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;}
  .header-school,.title-card,.bio,.ttd{background:rgba(255,255,255,.76)!important;}
  .ttd{top:348px!important;right:28px!important;width:285px!important;padding:10px 12px!important;}
  .ttd-img{height:74px!important;max-width:230px!important;}
  .ttd-space{height:74px!important;}
  .valid,.note,.webinfo{background:rgba(0,45,102,.82)!important;}
}

/* PATCH LOGO TRANSPARAN
   Logo provinsi dan logo sekolah tanpa kotak/latar belakang.
   Cocok untuk file PNG transparan agar menyatu dengan background kartu.
*/
.logo-slot,
.logo-prov,
.logo-school{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  outline:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.logo-slot img,
.logo-prov img,
.logo-school img{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.logo-slot span{
  background:rgba(255,255,255,.35)!important;
  border-radius:10px!important;
  padding:6px!important;
}
@media print{
  .logo-slot,
  .logo-prov,
  .logo-school,
  .logo-slot img,
  .logo-prov img,
  .logo-school img{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    outline:none!important;
  }
}


/* PATCH MENU MEMPERBESAR HURUF
   Nilai diambil dari Pengaturan: 100 normal, 160 paling besar.
*/
.font-size-panel{
  background:#f1f7ff;
  border:1px solid #dbeafe;
  border-radius:18px;
  padding:16px 18px;
}
.font-control input[type=range]{
  accent-color:#0758b8;
  padding:0;
}
.header-school .prov{font-size:calc(14px * var(--font-header,100) / 100)!important;}
.header-school .dinas{font-size:calc(16px * var(--font-header,100) / 100)!important;}
.header-school .school{font-size:calc(25px * var(--font-header,100) / 100)!important;}
.akred{font-size:calc(13px * var(--font-header,100) / 100)!important;}
.addr{font-size:calc(10px * var(--font-header,100) / 100)!important;}
.title-card{font-size:calc(22px * var(--font-title,100) / 100)!important;}
.bio,
.bio-row > div:nth-child(1),
.bio-row > div:nth-child(2),
.bio-row > .value,
.bio .value,
.bio-row.address-row .value{
  font-size:calc(12.3px * var(--font-bio,100) / 100)!important;
}
.ttd,
.ttd > div:nth-child(1),
.ttd > div:nth-child(2){
  font-size:calc(15px * var(--font-ttd,100) / 100)!important;
}
.ttd .pejabat,
.pejabat{
  font-size:calc(17px * var(--font-ttd,100) / 100)!important;
}
.ttd > div:last-child{
  font-size:calc(14px * var(--font-ttd,100) / 100)!important;
}
.rules{font-size:calc(13px * var(--font-back,100) / 100)!important;}
.back-title{font-size:calc(20px * var(--font-back,100) / 100)!important;}
.back-badge{font-size:calc(25px * var(--font-back,100) / 100)!important;}
.qrbox{font-size:calc(13px * var(--font-back,100) / 100)!important;}
.webinfo{font-size:calc(15px * var(--font-back,100) / 100)!important;}
.webinfo b{font-size:calc(18px * var(--font-back,100) / 100)!important;}
@media print{
  .header-school .prov{font-size:calc(14px * var(--font-header,100) / 100)!important;}
  .header-school .dinas{font-size:calc(16px * var(--font-header,100) / 100)!important;}
  .header-school .school{font-size:calc(25px * var(--font-header,100) / 100)!important;}
  .title-card{font-size:calc(22px * var(--font-title,100) / 100)!important;}
  .bio,.bio .value{font-size:calc(12.3px * var(--font-bio,100) / 100)!important;}
  .ttd,.ttd > div:nth-child(1),.ttd > div:nth-child(2){font-size:calc(15px * var(--font-ttd,100) / 100)!important;}
  .ttd .pejabat,.pejabat{font-size:calc(17px * var(--font-ttd,100) / 100)!important;}
  .ttd > div:last-child{font-size:calc(14px * var(--font-ttd,100) / 100)!important;}
}