/* SMAGA Kesiswaan Core 1.6.183 — Public Kartu Siswa verification */
.kes-card-verification{width:100%;max-width:860px;margin:0 auto;padding:10px 0 56px;color:#142236}
.kes-card-verification-header{margin:0 0 24px;padding:0 4px}
.kes-card-verification-eyebrow{display:block;margin:0 0 8px;color:#13bfd5;font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.kes-card-verification-header h1{margin:0;color:#0d2945;font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.045em;font-weight:850}
.kes-card-verification-header p{margin:12px 0 0;color:#60758a;font-size:14px;line-height:1.7}
.kes-card-verification-shell{position:relative;max-width:760px;margin:0 auto;border-radius:26px;padding:1px;background:linear-gradient(145deg,rgba(53,224,244,.65),rgba(13,41,69,.10) 48%,rgba(53,224,244,.24));box-shadow:0 18px 55px rgba(13,41,69,.10)}
.kes-card-verification-card{position:relative;overflow:hidden;border-radius:25px;background:#fff;border:1px solid rgba(220,232,238,.8);padding:28px 30px 24px}
.kes-card-verification-card:before{content:"";position:absolute;right:-90px;top:-100px;width:220px;height:220px;border:1px solid rgba(53,224,244,.18);border-radius:50%;pointer-events:none}
.kes-card-verification-card:after{content:"";position:absolute;right:-20px;top:-30px;width:130px;height:130px;background:radial-gradient(circle,rgba(53,224,244,.13),transparent 68%);pointer-events:none}
.kes-card-verification-status-row{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:15px 16px;border:1px solid #dce8ee;border-radius:17px;background:#f8fcfd}
.kes-card-verification-status-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e6f8ef;color:#168552;font-size:22px;font-weight:900}
.kes-card-verification-status-row>div{min-width:0;display:grid;gap:2px}
.kes-card-verification-badge{display:block;color:#168552;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.kes-card-verification-status-row strong{display:block;color:#0d2945;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.kes-card-verification-badge.is-invalid{color:#b42318}
.kes-card-verification-shell.is-invalid{background:linear-gradient(145deg,rgba(239,100,100,.55),rgba(13,41,69,.10) 52%,rgba(239,100,100,.18))}
.kes-card-verification-shell.is-invalid .kes-card-verification-status-row{background:#fff8f7;border-color:#f2d5d2}
.kes-card-verification-shell.is-invalid .kes-card-verification-status-icon{background:#fdecec;color:#b42318}
.kes-card-verification-lead{position:relative;z-index:1;margin:0 0 20px;color:#60758a;font-size:13px;line-height:1.7}
.kes-card-verification-photo-wrap{position:relative;z-index:1;width:180px;height:220px;margin:8px auto 16px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#eafcff,#f7fafc);border:1px solid #dce8ee;box-shadow:0 10px 26px rgba(13,41,69,.08);display:flex;align-items:flex-end;justify-content:center}
.kes-card-verification-photo{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.kes-card-verification-student{position:relative;z-index:1;text-align:center;margin:0 0 22px}
.kes-card-verification-student strong{display:block;color:#0d2945;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.kes-card-verification-student span{display:inline-flex;margin-top:6px;padding:5px 10px;border-radius:999px;background:#eafcff;color:#078ca2;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.kes-card-verification-section-title{position:relative;z-index:1;margin:0 0 10px;color:#0d2945;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.kes-card-verification-data{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kes-card-verification-data>div{min-height:68px;padding:13px 14px;border:1px solid #dce8ee;border-radius:14px;background:#f8fafc}
.kes-card-verification-data span{display:block;margin-bottom:4px;color:#7b8e9d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kes-card-verification-data strong{display:block;color:#0d2945;font-size:14px;line-height:1.35;font-weight:850;word-break:break-word}
.kes-card-verification-confirm{position:relative;z-index:1;display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:13px 14px;border:1px solid #cbe9d9;border-radius:14px;background:#f3fbf6}
.kes-card-verification-confirm>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#168552;color:#fff;font-size:14px;font-weight:900}
.kes-card-verification-confirm strong{display:block;color:#12663f;font-size:12px;line-height:1.4}
.kes-card-verification-confirm small{display:block;margin-top:2px;color:#5d786a;font-size:11px;line-height:1.5}
.kes-card-verification-reason{position:relative;z-index:1;display:grid;gap:5px;margin:0 0 18px;padding:14px;border-radius:14px;font-size:12px;line-height:1.6}
.kes-card-verification-reason.is-danger{background:#fff5f4;border:1px solid #f1d3d0;color:#7d342f}
.kes-card-verification-reason strong{color:#8f241d}
.kes-card-verification-empty{position:relative;z-index:1;padding:26px 20px;margin:0 0 20px;border:1px dashed #bfe0e7;border-radius:16px;background:#f8fcfd;text-align:center}
.kes-card-verification-empty h2{margin:0 0 7px;color:#0d2945;font-size:20px}
.kes-card-verification-empty p{margin:0;color:#60758a;font-size:13px;line-height:1.7}
.kes-card-verification-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:16px;border-top:1px solid #e7eef2;color:#7a8d9b;font-size:10px}
.kes-card-verification-footer strong{color:#0d2945;font-size:10px;font-weight:850}
@media(max-width:700px){
  .kes-card-verification{padding:4px 0 38px}
  .kes-card-verification-header{margin-bottom:18px;padding:0}
  .kes-card-verification-header h1{font-size:clamp(30px,9vw,42px)}
  .kes-card-verification-card{padding:20px 16px 18px;border-radius:21px}
  .kes-card-verification-shell{border-radius:22px}
  .kes-card-verification-status-row{padding:12px 13px;gap:10px}
  .kes-card-verification-status-icon{flex-basis:38px;width:38px;height:38px;border-radius:11px;font-size:19px}
  .kes-card-verification-status-row strong{font-size:17px}
  .kes-card-verification-photo-wrap{width:150px;height:190px;border-radius:17px}
  .kes-card-verification-student strong{font-size:19px}
  .kes-card-verification-data{grid-template-columns:1fr;gap:8px}
  .kes-card-verification-data>div{min-height:0;padding:11px 12px}
  .kes-card-verification-footer{align-items:flex-start;flex-direction:column;gap:3px}
}


/* v1.6.184 — Verification photo uses the same frame/crop treatment as the Kartu Siswa preview. */
.kes-card-verification-photo-wrap{
  position:relative!important;
  z-index:1!important;
  width:236px!important;
  height:312px!important;
  margin:8px auto 18px!important;
  overflow:hidden!important;
  border:7px solid #fff!important;
  border-radius:12%!important;
  box-sizing:border-box!important;
  background:linear-gradient(145deg,#eafcff,#f7fafc)!important;
  box-shadow:0 10px 26px rgba(13,41,69,.08)!important;
  display:block!important;
}
.kes-card-verification-photo{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center top!important;
  background:transparent!important;
  transform:scale(1.035)!important;
  transform-origin:center top!important;
  position:relative!important;
  top:3.5%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:520px){
  .kes-card-verification-photo-wrap{
    width:202px!important;
    height:267px!important;
    border-width:6px!important;
    margin-top:6px!important;
  }
}

/* v1.6.204 — Final verification UI polish. QR logic unchanged. */
.kes-card-verification-shell.is-inactive,.kes-card-verification-shell.is-expired{background:linear-gradient(145deg,#f59e0b,#fef3c7 48%,#f8fafc)!important}
.kes-card-verification-shell.is-inactive .kes-card-verification-status-row,.kes-card-verification-shell.is-expired .kes-card-verification-status-row{background:#fffaf0!important;border-color:#f3dfb1!important}
.kes-card-verification-shell.is-inactive .kes-card-verification-status-icon,.kes-card-verification-shell.is-expired .kes-card-verification-status-icon{background:#fff3d6!important;color:#b54708!important}
.kes-card-verification-shell.is-inactive .kes-card-verification-badge,.kes-card-verification-shell.is-expired .kes-card-verification-badge{background:#fff3d6!important;color:#b54708!important}
.kes-card-verification-shell.is-inactive .kes-card-verification-reason,.kes-card-verification-shell.is-expired .kes-card-verification-reason{background:#fffaf0!important;border-color:#f3dfb1!important;color:#8a4b08!important}
.kes-card-verification-shell.is-inactive .kes-card-verification-reason strong,.kes-card-verification-shell.is-expired .kes-card-verification-reason strong{color:#9a4b06!important}
@media(max-width:640px){.kes-card-verification-card{padding:23px 17px 19px!important}.kes-card-verification-lead{font-size:12.5px!important}.kes-card-verification-student strong{font-size:20px!important}}