/* PAI Autopilot (v7.13) */
:root{--bg:#0a101c;--kartu:#111a2c;--kartu2:#0d1424;--garis:#1e2940;--garis2:#2a3654;--teks:#e6ebf5;--teks2:#9aa6bd;--emas:#f2b84b;--hijau:#3fcf8e;--hijau2:#7cf0b8;--biru:#8cb8ff;--merah:#f06a6a;--merah2:#ffb3b3}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--teks);font:15px/1.45 Inter,system-ui,sans-serif}
a{color:var(--emas)}a:hover{color:#ffd27a}
button,input,select{font:inherit}
.hidden{display:none!important}
.ap-mono{font-family:'JetBrains Mono',monospace}
h2{margin:0;font:600 19px 'Space Grotesk',sans-serif}
h3{margin:18px 0 8px;font:600 15px 'Space Grotesk',sans-serif}
.ap-atas{border-bottom:1px solid var(--garis);background:var(--kartu2);position:sticky;top:0;z-index:10}
.ap-atas-isi{max-width:1280px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;justify-content:space-between}
.ap-merek{display:flex;align-items:center;gap:10px;color:var(--teks);text-decoration:none}
.ap-merek b{display:block;font:700 19px 'Space Grotesk',sans-serif}
.ap-merek small{display:block;font-size:12px;color:var(--teks2)}
.ap-logo{width:38px;height:38px;border-radius:10px;background:var(--emas);display:grid;place-items:center;flex:none}
.ap-nav{display:flex;gap:4px;flex-wrap:wrap}
.ap-nav a{color:var(--teks2);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500}
.ap-nav a:hover{color:var(--teks);background:var(--kartu)}
.ap-nav a.on{color:var(--teks);background:var(--kartu);box-shadow:inset 0 -2px 0 var(--emas)}
.ap-atas-kanan{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ap-lencana{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#2a2310;color:var(--emas);border:1px solid #4a3b14}
.ap-master{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--garis2);background:#1a2234;color:#c7d0e0;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px}
.ap-master .ap-titik{background:#6b7891}
.ap-master.on{background:#133426;border-color:#2f7a57;color:var(--hijau2)}
.ap-master.on .ap-titik{background:var(--hijau)}
.ap-master:disabled{opacity:.55;cursor:not-allowed}
.ap-titik{width:10px;height:10px;border-radius:50%;display:inline-block;background:#6b7891;flex:none}
.ap-isi{max-width:1280px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:18px}
.ap-izin{border-radius:12px;padding:12px 16px;background:#2a2310;border:1px solid #4a3b14;color:#ffd99a;font-size:14px}
.ap-izin.ok{background:#0f1e1c;border-color:#2c4a3f;color:var(--hijau2)}
.ap-kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ap-statistik{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ap-stat{gap:6px}
.ap-label{font-size:12px;color:var(--teks2);text-transform:uppercase;letter-spacing:1px}
.ap-nilai{font:600 21px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
.ap-nilai.ap-mono{font:600 19px 'JetBrains Mono',monospace}
.ap-nilai.on .ap-titik{background:var(--hijau)}
.ap-ket{font-size:13px;color:var(--teks2)}
.ap-dua{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.ap-kiri{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:18px}
.ap-kanan{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:18px}
.ap-judul{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.ap-gaya-daftar{display:flex;flex-direction:column;gap:12px}
.ap-gaya{border:1px solid var(--garis);background:#0e1626;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.ap-gaya.on{border-color:#2c4a3f;background:#0f1e1c}
.ap-gaya-atas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ap-gaya-kiri{display:flex;align-items:center;gap:12px;min-width:0}
.ap-no{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font:700 16px 'Space Grotesk',sans-serif;flex:none}
.ap-gaya-nama{font-weight:700}
.ap-saklar{width:60px;height:34px;border-radius:999px;border:none;background:var(--garis2);position:relative;cursor:pointer;padding:0;flex:none}
.ap-saklar::after{content:'';position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.ap-saklar[aria-pressed=true]{background:var(--hijau)}
.ap-saklar[aria-pressed=true]::after{left:30px}
.ap-gaya-atur{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ap-gaya-atur label,.ap-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--teks2)}
.ap-gaya-atur select,.ap-gaya-atur input,.ap-form input[type=number]{min-height:40px;background:var(--kartu2);border:1px solid var(--garis2);border-radius:10px;color:var(--teks);padding:0 10px;font-size:14px;font-weight:600;width:100%}
.ap-chips{display:flex;gap:6px;flex-wrap:wrap}
.ap-chip{min-height:36px;padding:0 10px;border-radius:999px;border:1px solid var(--garis2);background:var(--kartu2);color:var(--teks2);font-size:13px;font-weight:600;cursor:pointer}
.ap-chip[aria-pressed=true]{background:#14283f;border-color:#2f5a8a;color:var(--biru)}
.ap-peringatan{font-size:13px;color:var(--merah2);background:#2a1416;border:1px solid #5a2328;border-radius:10px;padding:8px 12px}
.ap-tabel-bungkus{overflow-x:auto}
.ap-tabel{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.ap-tabel th{text-align:left;color:var(--teks2);font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;padding:8px 10px}
.ap-tabel td{padding:11px 10px;border-top:1px solid var(--garis)}
.ap-tabel td.kosong{color:var(--teks2);text-align:center;padding:18px}
.ap-pil{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#1a2234;color:#c7d0e0;white-space:nowrap}
.ap-pil.hijau{background:#133426;color:var(--hijau2)}.ap-pil.biru{background:#14283f;color:var(--biru)}.ap-pil.emas{background:#2a2310;color:var(--emas)}.ap-pil.merah{background:#2a1416;color:var(--merah2)}
.naik{color:#6fe0ae;font-weight:700}.turun{color:#ff9a9a;font-weight:700}
.ap-kode{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px dashed #3a4766;border-radius:12px;padding:10px 10px 10px 14px}
.ap-kode span{flex:1;min-width:0;font-size:17px;letter-spacing:2px;overflow-wrap:anywhere}
.ap-ikon{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--garis2);background:var(--kartu);color:var(--teks);cursor:pointer;display:grid;place-items:center}
.ap-baris-tombol{display:flex;gap:10px;flex-wrap:wrap}
.ap-tombol{flex:1;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--garis2);background:transparent;color:var(--teks);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ap-tombol.utama{border:none;background:var(--emas);color:#0a101c;font-weight:700}
.ap-tombol:disabled{opacity:.5;cursor:not-allowed}
.ap-tautan{background:none;border:none;color:var(--teks2);text-decoration:underline;cursor:pointer;padding:6px 0;text-align:left;font-size:13px;min-height:44px}
.ap-form{display:flex;flex-direction:column;gap:12px}
.ap-form small{font-size:12px;color:#7d8aa3}
.ap-dua-kolom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ap-form label.ap-cek{flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--teks);min-height:44px}
.ap-cek input{width:20px;height:20px;accent-color:var(--hijau)}
.ap-cara summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:32px}
.ap-cara summary::after{content:'＋';color:var(--teks2)}
.ap-cara[open] summary::after{content:'－'}
.ap-cara summary::-webkit-details-marker{display:none}
.ap-cara ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#c7d0e0}
.ap-cara code{background:var(--kartu2);padding:1px 6px;border-radius:6px;font-size:12px;overflow-wrap:anywhere}
.ap-stop{min-height:56px;border-radius:14px;border:2px solid var(--merah);background:#2a1416;color:var(--merah2);font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px}
.ap-stop:disabled{opacity:.5;cursor:not-allowed}
.ap-tengah{text-align:center;margin:-8px 0 0}
.ap-kunci{position:fixed;inset:0;z-index:50;background:rgba(5,8,14,.72);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}
.ap-kunci-kotak{max-width:420px;background:var(--kartu);border:1px solid var(--garis2);border-radius:18px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.ap-kunci-ikon{font-size:40px}
.ap-kunci-kotak h2{font-size:21px}
.ap-kunci-kotak p{margin:0;color:var(--teks2);font-size:14px;line-height:1.55}
.ap-kunci-pangkat{width:100%;background:var(--kartu2);border-radius:12px;padding:12px;font-size:14px}
.ap-kunci-kotak .ap-tombol{flex:none;width:100%}
.ap.terkunci{filter:blur(5px) saturate(.7);pointer-events:none;user-select:none}
.ap-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#1a2234;border:1px solid var(--garis2);color:var(--teks);padding:10px 16px;border-radius:12px;font-size:14px;z-index:60;max-width:calc(100% - 32px)}
@media (max-width:640px){
  .ap-atas{position:static}
  .ap-gaya-atur{grid-template-columns:1fr}
  .ap-nav{order:3;width:100%}
  .ap-master{flex:1;justify-content:center}
  .ap-atas-kanan{width:100%}
}