:root{
  --biru:#FFD356; --biru-2:#E6B52F; --aksen:#B8891F; --aksen-muda:#FFF3CC;
  --kertas:#FFFAF0; --tinta:#1C2B3A; --garis:#E8D9AE; --abu:#665A3D;
  --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:#805B00; --bs-link-hover-color:#5D4200;
  --bs-link-color-rgb:128,91,0; --bs-link-hover-color-rgb:93,66,0;
}
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 #805B00;outline-offset:2px}

/* Navigasi */
.navbar-loa{background:var(--biru);border-bottom:3px solid var(--aksen)}
.navbar-loa .navbar-brand{font-family:Georgia,serif;color:var(--tinta);font-weight:700}
.navbar-loa .nav-link{color:var(--tinta);padding:.5rem .9rem}
.navbar-loa .nav-link:hover,.navbar-loa .nav-link.active{color:#5D4200;box-shadow:inset 0 -3px 0 var(--aksen)}
.navbar-loa .navbar-toggler{border-color:#805B00}
.navbar-loa .navbar-toggler-icon{filter:none}
.navbar-loa .btn-outline-light{--bs-btn-color:var(--tinta);--bs-btn-border-color:#805B00;
  --bs-btn-hover-bg:#805B00;--bs-btn-hover-border-color:#805B00;--bs-btn-hover-color:#fff}

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

/* Pencarian nomor registrasi (elemen utama beranda) */
.cari-hero{background:var(--biru);color:var(--tinta);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:#51421D;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:#5D4200}

/* 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:var(--tinta);display:grid;place-items:center;font-weight:600}
.langkah>li:last-child{border-left-color:transparent}
.footer-situs{background:var(--biru);color:var(--tinta);margin-top:4rem;border-top:3px solid var(--aksen)}
.footer-situs a{color:#5D4200}
.footer-situs .text-white{color:var(--tinta)!important}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

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