/* Gaya notis privasi PDPA (dipindahkan daripada js/pdpa.js).
   Warna utama diset oleh js/pdpa.js daripada PDPA_KONFIG.warna / warna2
   melalui pemboleh ubah --pdpa-warna dan --pdpa-warna2. */
:root{--pdpa-warna:#0f766e;--pdpa-warna2:#0f172a}
.pdpa-lapis{position:fixed;inset:0;z-index:2147483000;background:rgba(2,6,23,.72);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.pdpa-kotak{background:#fff;color:#1e293b;border-radius:22px;max-width:760px;width:100%;margin:12px 0 24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);overflow:hidden}
.pdpa-kepala{padding:20px 22px 16px;color:#fff;background:linear-gradient(135deg,var(--pdpa-warna),var(--pdpa-warna2));position:sticky;top:0;z-index:1}
.pdpa-kepala h2{margin:0;font-size:19px;font-weight:900;letter-spacing:-.01em}
.pdpa-kepala p{margin:4px 0 0;font-size:12px;opacity:.85}
.pdpa-tutup{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:18px;cursor:pointer}
.pdpa-bhs{display:inline-flex;margin-top:12px;background:rgba(255,255,255,.15);border-radius:10px;padding:3px}
.pdpa-bhs button{border:0;background:transparent;color:#fff;font-weight:800;font-size:12px;padding:6px 14px;border-radius:8px;cursor:pointer}
.pdpa-bhs button.aktif{background:#fff;color:#0f172a}
.pdpa-isi{padding:6px 22px 22px;font-size:13.5px;line-height:1.65}
.pdpa-isi h3{font-size:14px;font-weight:900;margin:18px 0 6px;color:#0f172a;display:flex;gap:8px;align-items:baseline}
.pdpa-isi h3 span{display:inline-flex;min-width:22px;height:22px;border-radius:7px;background:var(--pdpa-warna);color:#fff;font-size:11px;align-items:center;justify-content:center}
.pdpa-isi ul{margin:4px 0 0;padding-left:20px;list-style:disc}
.pdpa-isi b{font-weight:800}
.pdpa-isi a{color:var(--pdpa-warna);text-decoration:underline}
.pdpa-isi ul.x{}
.pdpa-isi li{margin:2px 0}
.pdpa-isi p{margin:4px 0}
.pdpa-nota{font-size:11.5px;color:#64748b;border-top:1px solid #e2e8f0;margin-top:18px;padding-top:12px}
.pdpa-hub{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;margin-top:6px}
.pdpa-setuju{display:flex;gap:10px;align-items:flex-start;text-align:left;margin:10px 0 12px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1.5px solid #cbd5e1;font-size:11.5px;line-height:1.5;color:#334155;font-family:inherit;cursor:pointer}
.pdpa-setuju input{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:var(--pdpa-warna);cursor:pointer}
.pdpa-setuju a{color:var(--pdpa-warna);font-weight:800;text-decoration:underline;cursor:pointer}
.pdpa-setuju i{color:#64748b;font-style:italic}
.pdpa-setuju.salah{border-color:#e11d48;background:#fff1f2;animation:pdpaGoyang .35s}
@keyframes pdpaGoyang{0%,100%{transform:none}
25%{transform:translateX(-5px)}
75%{transform:translateX(5px)}}
.pdpa-setuju.gelap{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:#e2e8f0}
.pdpa-setuju.gelap i{color:#94a3b8}
.pdpa-setuju.gelap a{color:var(--pdpa-warna)}
body.akses-terkunci > #pdpa-lapis:not(#x1):not(#x2):not(#x3):not(#x4){display:flex!important;visibility:visible!important}
.pdpa-pautan{color:inherit;text-decoration:underline;cursor:pointer;font-weight:700;white-space:nowrap}
.pdpa-jalur{position:fixed;left:12px;right:12px;bottom:12px;z-index:2147482000;max-width:640px;margin:0 auto;background:#0f172a;color:#e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);font:500 12.5px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pdpa-jalur b{color:#fff}
.pdpa-jalur .t{flex:1;min-width:220px}
.pdpa-jalur button{border:0;border-radius:10px;padding:9px 14px;font-weight:800;font-size:12px;cursor:pointer}
.pdpa-jalur .baca{background:rgba(255,255,255,.12);color:#fff}
.pdpa-jalur .ok{background:var(--pdpa-warna);color:#fff}
@media print{.pdpa-jalur,.pdpa-lapis{display:none!important}}
