/* Halaman akun LulusCPNS (/masuk/, /akun/, /akun/hapus/). Warna dari token tokens.css sahaja. */
.akn h1{margin:.35rem 0 .5rem}
.akn-card{margin-top:1.25rem}
.akn-sosial{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.35rem}
.akn-btn-g,.akn-btn-a{width:100%;display:flex;justify-content:center;min-height:44px}
/* iframe GIS dokumen cerah, color-scheme sama supaya latar iframe telus (tanpa ini jalur putih dalam mod gelap) */
.akn-btn-g{color-scheme:light}
.akn-btn-a #appleid-signin{width:100%;max-width:400px;height:44px;cursor:pointer}
.akn-atau{display:flex;align-items:center;gap:.75rem;width:100%;margin:.35rem 0 .2rem;color:var(--ink-soft);font-size:.9rem}
.akn-atau::before,.akn-atau::after{content:"";flex:1;border-top:1px solid var(--line)}
.akn-catatan{margin:.6rem 0 0}
.akn-dikirim{margin:0 0 .9rem}
.akn-kode{font-size:1.45rem;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}
.akn-baris{display:flex;justify-content:space-between;gap:0 .5rem;margin-top:.5rem;flex-wrap:wrap}
.akn-baris .btn{min-height:44px}
.akn-kaki{margin-top:1.25rem}
.akn-dl{margin:0;display:grid;gap:.85rem}
.akn-dl div{display:grid;gap:.15rem}
.akn-dl dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.akn-dl dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.akn-app h2{margin:0 0 .5rem}
.akn-langkah{padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 1rem}
.akn-langkah b{overflow-wrap:anywhere}
.akn-app .small.muted{margin:.6rem 0 0}
.akn-aksi{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem}
.akn-daftar h2{margin:0}
.akn-daftar ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0 1.1rem}
.akn-daftar ul:last-child{margin-bottom:0}
.akn-bahaya{border-color:var(--brand-line)}
.akn-bahaya > p:first-child{margin-top:0;overflow-wrap:anywhere}
.akn-btn-bahaya{color:var(--brand-text);border-color:var(--brand-line)}
.akn-btn-bahaya:hover{border-color:var(--brand-text)}
.akn-tanya{margin:0 0 .9rem}
#hpLangkah2 .btn + .btn{margin-top:.6rem}
#hpSelesai .status{margin-top:0}
.akn .pass-card{margin-top:1.25rem}