:root{
  --biru:#073B78; --biru-2:#0B5FA5; --aksen:#087A9F; --aksen-muda:#E4F5F8;
  --kertas:#F1F6FA; --tinta:#1C2B3A; --garis:#D4E0EA; --abu:#5E6B76;
  --bs-body-font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --bs-body-color:var(--tinta); --bs-body-bg:var(--kertas);
  --bs-link-color:var(--biru-2); --bs-link-hover-color:var(--biru);
  --bs-link-color-rgb:11,95,165; --bs-link-hover-color-rgb:7,59,120;
}
body{line-height:1.6}
h1,h2,h3,.judul-serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}

/* Navigasi */
.navbar-loa{background:var(--biru);border-bottom:3px solid var(--aksen)}
.navbar-loa .navbar-brand{font-family:Georgia,serif;color:#fff;font-weight:700}
.navbar-loa .nav-link{color:#D1E5F6;padding:.5rem .9rem}
.navbar-loa .nav-link:hover,.navbar-loa .nav-link.active{color:#fff;box-shadow:inset 0 -3px 0 var(--aksen)}
.navbar-loa .navbar-toggler{border-color:#6C91B7}
.navbar-loa .navbar-toggler-icon{filter:invert(1)}

/* Tombol */
.btn-loa{--bs-btn-bg:var(--biru);--bs-btn-border-color:var(--biru);--bs-btn-color:#fff;
  --bs-btn-hover-bg:var(--biru-2);--bs-btn-hover-border-color:var(--biru-2);--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:var(--biru);--bs-btn-active-border-color:var(--biru);--bs-btn-active-color:#fff}
.btn-aksen{--bs-btn-bg:var(--aksen);--bs-btn-border-color:var(--aksen);--bs-btn-color:#fff;
  --bs-btn-hover-bg:#066684;--bs-btn-hover-border-color:#066684;--bs-btn-hover-color:#fff}
.btn-outline-loa{--bs-btn-color:var(--biru);--bs-btn-border-color:var(--biru);
  --bs-btn-hover-bg:var(--biru);--bs-btn-hover-border-color:var(--biru);--bs-btn-hover-color:#fff}

/* Pencarian nomor registrasi (elemen utama beranda) */
.cari-hero{background:var(--biru);color:#fff;padding:4rem 0 4.5rem;position:relative}
.cari-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--aksen)}
.cari-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);max-width:18ch;line-height:1.15}
.cari-hero p{color:#D1E5F6;max-width:52ch}
.kotak-noreg{background:#fff;border-radius:6px;padding:.6rem;display:flex;gap:.6rem;max-width:640px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.kotak-noreg input{border:0;font-family:"Cascadia Mono",Consolas,"Courier New",monospace;font-size:1.15rem;letter-spacing:.04em;flex:1;min-width:0;padding:.55rem .8rem;text-transform:uppercase}
.kotak-noreg input:focus{outline:none}
.kotak-noreg:focus-within{outline:3px solid var(--aksen)}
.contoh-noreg{font-family:"Cascadia Mono",Consolas,monospace;color:#BDEBF3}

/* Kartu & tabel */
.panel{background:#fff;border:1px solid var(--garis);border-radius:6px}
.panel-kepala{padding:.9rem 1.25rem;border-bottom:1px solid var(--garis);font-weight:600}
.panel-isi{padding:1.25rem}
.tabel-loa th{font-size:.85rem;color:var(--abu);font-weight:600;border-bottom:2px solid var(--garis);white-space:nowrap}
.tabel-loa td{vertical-align:top}
.noreg{font-family:"Cascadia Mono",Consolas,monospace;font-size:.88rem;white-space:nowrap}
.stat{border-left:4px solid var(--aksen);padding:.2rem 0 .2rem 1rem}
.stat .angka{font-family:Georgia,serif;font-size:2rem;line-height:1}
.catatan-aksen{background:var(--aksen-muda);border-left:4px solid var(--aksen);padding:.9rem 1.1rem;border-radius:0 4px 4px 0}
.dl-loa dt{color:var(--abu);font-weight:500;font-size:.9rem}
.dl-loa dd{margin-bottom:.9rem}
.status-valid{display:inline-flex;align-items:center;gap:.5rem;background:#E3F1EA;color:#12573D;padding:.35rem .8rem;border-radius:999px;font-weight:600}
.status-valid i{width:.6rem;height:.6rem;border-radius:50%;background:#1E8A5E;display:inline-block}
.langkah{counter-reset:langkah;list-style:none;padding-left:0}
.langkah>li{counter-increment:langkah;position:relative;padding:0 0 1.2rem 3rem;border-left:2px solid var(--garis);margin-left:1rem}
.langkah>li::before{content:counter(langkah);position:absolute;left:-1rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--biru);color:#fff;display:grid;place-items:center;font-weight:600}
.langkah>li:last-child{border-left-color:transparent}
.footer-situs{background:var(--biru);color:#D1E5F6;margin-top:4rem;border-top:3px solid var(--aksen)}
.footer-situs a{color:#BDEBF3}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Admin */
.admin-samping{background:var(--biru);min-height:100vh}
.admin-samping .nav-link{color:#D1E5F6;border-radius:4px;padding:.55rem .9rem}
.admin-samping .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.admin-samping .nav-link.active{background:var(--aksen);color:#fff}
@media (max-width:767.98px){.admin-samping{min-height:auto}}