/* Klinforce Struktur 1.9.0 — Aplikasi Klinforce (PWA) Paket 1 */
.kfpw-app,.kfpw-app *,.kfpw-nav,.kfpw-nav *,.kfpw-ajak,.kfpw-ajak *,.kfpw-layar,.kfpw-layar *{box-sizing:border-box}
.kfpw-app,.kfpw-nav,.kfpw-ajak,.kfpw-layar{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F1F1F;-webkit-font-smoothing:antialiased;line-height:1.4}
.kfpw-app a,.kfpw-nav a,.kfpw-ajak a,.kfpw-layar a{text-decoration:none!important;color:inherit!important;box-shadow:none!important}
.kfpw-app button,.kfpw-nav button,.kfpw-ajak button,.kfpw-layar button{-webkit-appearance:none;appearance:none;margin:0;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;min-height:0;line-height:1.2}
.kfpw-app svg,.kfpw-nav svg,.kfpw-ajak svg,.kfpw-layar svg{display:block;flex-shrink:0}
.kfpw-sr{position:absolute!important;left:-9999px!important}
[hidden].kfpw-baca,.kfpw-lanjut[hidden],.kfpw-maju[hidden]{display:none!important}

/* Lencana "Segera hadir" (pola tombol Tanya Asisten 1.8.9.1) */
.kfpw-sh{display:inline-block;white-space:nowrap;background:#FFFFFF;color:#1F1F1F;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.3;text-transform:none}
.kfpw-sh.kfpw-sh-krem{background:#F7F4EF;border:1px solid #E8E3DA}
.kfpw-sh.kfpw-sh-kecil{font-size:10px;padding:1px 6px}
.kfpw-dekor,.kfpw-dekor *{cursor:default!important;-webkit-user-select:none;user-select:none}

/* Bilah merah atas */
.kfpw-bar-aktif,.kfpw-bar-aktif *{cursor:pointer!important}
.kfpw-bar-u{font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* ===== Beranda aplikasi (didahului #kfh-beranda agar menang dari reset topik.css) ===== */
#kfh-beranda .kfpw-app,#kfh-beranda .kfpw-app *{box-sizing:border-box}
#kfh-beranda .kfpw-app a{text-decoration:none!important;color:inherit!important}
#kfh-beranda .kfpw-app button,#kfh-beranda .kfpw-app input{-webkit-appearance:none;appearance:none;margin:0;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:1.2}
#kfh-beranda .kfpw-app svg{display:block;flex-shrink:0}
#kfh-beranda .kfpw-app span.kfpw-sh{display:inline-block;white-space:nowrap;background:#FFFFFF;color:#1F1F1F;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.3;text-transform:none}
#kfh-beranda .kfpw-app span.kfpw-sh.kfpw-sh-krem{background:#F7F4EF;border:1px solid #E8E3DA}
#kfh-beranda .kfpw-app span.kfpw-sh.kfpw-sh-kecil{font-size:10px;padding:1px 6px}
#kfh-beranda .kfpw-app .kfpw-baca[hidden],#kfh-beranda .kfpw-app .kfpw-lanjut[hidden]{display:none!important}
#kfh-beranda .kfpw-app{background:#FFFFFF;padding-bottom:8px}
#kfh-beranda .kfpw-kepala{background:#BF0304;color:#FFFFFF;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 54px;border-radius:0 0 28px 28px}
#kfh-beranda .kfpw-baris{display:flex;align-items:center;gap:10px}
#kfh-beranda .kfpw-baris img{width:36px!important;height:36px!important;border-radius:11px;display:block;max-width:none}
#kfh-beranda .kfpw-salam{font-size:12.5px;opacity:.88;line-height:1.2}
#kfh-beranda .kfpw-nama{font-weight:800;font-size:16.5px;line-height:1.2}
#kfh-beranda .kfpw-judul{font-family:'Archivo',sans-serif;font-stretch:80%;font-weight:800;font-size:27px;line-height:1.08;margin:18px 0 14px}
#kfh-beranda .kfpw-cari{display:flex!important;align-items:center;gap:10px;width:100%;background:#FFFFFF;color:#5E5850;border-radius:14px;padding:0 14px;margin:0}
#kfh-beranda .kfpw-cari svg{color:#5E5850}
#kfh-beranda .kfpw-cari input{flex:1;min-width:0;border:0!important;outline:none;background:transparent!important;box-shadow:none!important;font:inherit;font-size:15px!important;color:#1F1F1F;padding:13px 0!important;margin:0;height:auto;line-height:1.3}
#kfh-beranda .kfpw-isi{padding:0 16px}
#kfh-beranda .kfpw-pg{position:relative;margin-top:-34px;background:#FFFFFF;border:1px solid #E8E3DA;border-radius:20px;box-shadow:0 10px 26px rgba(31,31,31,.10);padding:14px;display:flex;align-items:center;gap:12px}
#kfh-beranda .kfpw-pg-ik{flex:none;width:46px;height:46px;border-radius:14px;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center}
#kfh-beranda .kfpw-pg-tx{flex:1;min-width:0;line-height:1.3}
#kfh-beranda .kfpw-lb{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5E5850}
#kfh-beranda .kfpw-pg b{display:block;font-size:16px;margin-top:2px}
#kfh-beranda .kfpw-pg small{display:block;color:#5E5850;font-size:13px;margin-top:1px}
#kfh-beranda .kfpw-pintas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0 6px;align-items:start}
#kfh-beranda .kfpw-ps{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:700;line-height:1.2;text-align:center;color:#1F1F1F!important}
#kfh-beranda .kfpw-ps-ik{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center}
#kfh-beranda .kfpw-ps .kfpw-sh{margin-top:-2px}
#kfh-beranda .kfpw-program{border-radius:20px;padding:16px;margin-top:18px;background:#FFF4D6;border:1px solid #F3DFA6}
#kfh-beranda .kfpw-program .kfpw-lb{letter-spacing:.06em;color:#8A5A00}
#kfh-beranda .kfpw-pr-jd{font-family:'Archivo',sans-serif;font-stretch:85%;font-weight:800;font-size:20px;line-height:1.15;margin:4px 0 6px}
#kfh-beranda .kfpw-program p{margin:0 0 12px;font-size:14px;color:#5E5850;line-height:1.5}
#kfh-beranda .kfpw-tb-kuning{display:inline-flex;align-items:center;gap:10px;background:#F5B000;color:#1F1F1F;font-weight:700;border-radius:999px;padding:12px 20px;font-size:16px;line-height:1.2}
#kfh-beranda .kfpw-h2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:24px 0 10px}
#kfh-beranda .kfpw-h2 h2{font-family:'Archivo',sans-serif;font-stretch:85%;font-weight:800;font-size:20px;line-height:1.15;margin:0;padding:0;color:#1F1F1F;text-transform:none;letter-spacing:normal}
#kfh-beranda .kfpw-h2 small{font-size:13px;color:#5E5850;font-weight:600;white-space:nowrap}
#kfh-beranda .kfpw-h2 a{font-size:13px;font-weight:700;color:#A40806!important;white-space:nowrap}
#kfh-beranda .kfpw-geser-b{position:relative}
#kfh-beranda .kfpw-geser{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:2px 0 8px;scrollbar-width:none;scroll-behavior:smooth}
#kfh-beranda .kfpw-geser::-webkit-scrollbar{display:none}
#kfh-beranda .kfpw-geser-b::after{content:'';position:absolute;right:0;top:0;bottom:8px;width:44px;background:linear-gradient(to right,rgba(255,255,255,0),#FFFFFF 85%);pointer-events:none;transition:opacity .2s}
#kfh-beranda .kfpw-geser-b.kfpw-ujung::after{opacity:0}
#kfh-beranda .kfpw-panah{position:absolute;right:2px;top:calc(50% - 30px);width:38px;height:38px;border-radius:50%!important;background:#FFFFFF!important;border:1px solid #E8E3DA!important;box-shadow:0 4px 14px rgba(31,31,31,.18)!important;display:flex!important;align-items:center;justify-content:center;z-index:2;color:#1F1F1F!important;padding:0!important;transition:opacity .2s;animation:kfpw-dorong 1.4s ease-in-out 2}
#kfh-beranda .kfpw-geser-b.kfpw-ujung .kfpw-panah{opacity:0;pointer-events:none}
@keyframes kfpw-dorong{0%,100%{transform:none}50%{transform:translateX(5px)}}
#kfh-beranda .kfpw-km{flex:none;width:136px;display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid #E8E3DA;border-radius:16px;overflow:hidden;background:#FFFFFF}
#kfh-beranda .kfpw-km-f{display:block;width:100%;aspect-ratio:1/1;background:#F7F4EF;overflow:hidden}
#kfh-beranda .kfpw-img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none;border-radius:0}
#kfh-beranda .kfpw-km-t{display:block;padding:8px 10px 10px;line-height:1.25}
#kfh-beranda .kfpw-km-t b{display:block;font-size:14.5px}
#kfh-beranda .kfpw-km-t small{display:block;color:#5E5850;font-size:12px;margin-top:1px}
#kfh-beranda .kfpw-baca{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #E8E3DA;border-radius:16px;padding:10px;background:#FFFFFF}
#kfh-beranda .kfpw-baca + .kfpw-baca{margin-top:8px}
#kfh-beranda .kfpw-th{flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#F7F4EF;display:block}
#kfh-beranda .kfpw-tx{flex:1;min-width:0;line-height:1.3;display:block}
#kfh-beranda .kfpw-tx b{display:block;font-size:15px}
#kfh-beranda .kfpw-tx small{display:block;color:#5E5850;font-size:12.5px;margin-top:3px}
#kfh-beranda .kfpw-bilah{display:block;height:5px;border-radius:9px;background:#E8E3DA;margin-top:8px;overflow:hidden}
#kfh-beranda .kfpw-bilah i{display:block;height:100%;background:#A40806;border-radius:9px}
#kfh-beranda .kfpw-darurat{display:flex;gap:12px;align-items:center;border:1.5px solid #F2C9C8;background:#FDF3F2;border-radius:16px;padding:12px 14px;margin-top:22px}
#kfh-beranda .kfpw-dr-ik{width:40px;height:40px;border-radius:12px;background:#A40806;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex:none}
#kfh-beranda .kfpw-dr-tx{flex:1;min-width:0}
#kfh-beranda .kfpw-dr-tx b{display:block;font-size:15px;line-height:1.3}
#kfh-beranda .kfpw-dr-tx small{display:block;color:#5E5850;font-size:12.5px;line-height:1.4;margin:2px 0 6px}

/* ===== Mode aplikasi: menu bawah & tombol Kembali iPhone ===== */
body.kfpw-ada-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
.kfpw-nav{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#FFFFFF;border-top:1px solid #E8E3DA;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}
.kfpw-nb{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#5E5850!important;line-height:1.2}
.kfpw-nb-ik{width:60px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.kfpw-nb[aria-current="page"]{color:#A40806!important}
.kfpw-nb[aria-current="page"] .kfpw-nb-ik{background:#FBE5E4}
.kfpw-nb .kfpw-sh{margin-top:1px}
.kfpw-kembali{width:36px!important;height:36px!important;border-radius:50%!important;background:#F7F4EF!important;border:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;flex:none;margin:0 -2px 0 -4px!important;color:#1F1F1F!important;cursor:pointer}

/* ===== Ajakan pasang di bawah ===== */
.kfpw-ajak{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:456px;background:#FFFFFF;border-radius:20px;box-shadow:0 10px 34px rgba(31,31,31,.28);padding:16px;z-index:9991;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px 14px;align-items:center;animation:kfpw-naik .3s ease-out}
.kfpw-ajak img{width:52px!important;height:52px!important;border-radius:13px;display:block;max-width:none}
.kfpw-ajak-jd{font-weight:800;font-size:16px;line-height:1.25}
.kfpw-ajak-sub{font-size:13.5px;color:#5E5850;line-height:1.4;margin-top:2px}
.kfpw-ajak-tb{grid-column:1/-1;display:flex;gap:10px;align-items:center}
.kfpw-ajak .kfpw-pasang{flex:1;background:#F5B000!important;color:#1F1F1F!important;font-weight:800;border:0!important;border-radius:999px!important;padding:12px 18px!important;font-size:15px}
.kfpw-ajak .kfpw-nanti{background:none!important;border:0!important;padding:12px 10px!important;font-weight:700;color:#5E5850!important;font-size:14px}
@keyframes kfpw-naik{from{transform:translate(-50%,40px);opacity:.4}to{transform:translate(-50%,0);opacity:1}}

/* ===== Lembar petunjuk ===== */
.kfpw-layar{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,16,12,.48);z-index:9995;display:flex;align-items:flex-end;justify-content:center}
.kfpw-lembar{background:#FFFFFF;width:100%;max-width:480px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));animation:kfpw-lembar .25s ease-out}
@keyframes kfpw-lembar{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.kfpw-lembar-jd{font-family:'Archivo',sans-serif;font-stretch:85%;font-weight:800;font-size:21px;line-height:1.2;margin:0 0 14px}
.kfpw-st{display:grid;grid-template-columns:28px 40px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px;font-size:14.5px;line-height:1.45}
.kfpw-st-n{width:28px;height:28px;border-radius:50%;background:#A40806;color:#FFFFFF;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.kfpw-st-ic{width:40px;height:40px;border-radius:10px;background:#F7F4EF;border:1px solid #E8E3DA;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:800;font-size:18px}
.kfpw-st-ic img{width:100%!important;height:100%!important;display:block;max-width:none}
.kfpw-tutup{display:block;width:100%;margin-top:8px;padding:12px!important;font-weight:700;color:#5E5850!important;background:none!important;border:0!important}

/* ===== Artikel: Simpan offline (dekorasi) & centang langkah ===== */
#kfa-artikel .kfpw-simpan,.kfa-artikel .kfpw-simpan{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:2px 0 0;padding:0}
#kfa-artikel .kfpw-tb-simpan,.kfa-artikel .kfpw-tb-simpan{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #1F1F1F;border-radius:999px;padding:8px 9px 8px 15px;font-weight:800;font-size:15px;line-height:1.2;background:#FFFFFF;color:#1F1F1F}
#kfa-artikel .kfpw-tb-simpan svg,.kfa-artikel .kfpw-tb-simpan svg{display:block;flex-shrink:0}
#kfa-artikel .kfpw-ts,.kfa-artikel .kfpw-ts{display:inline}
#kfa-artikel .kfpw-sh,.kfa-artikel .kfpw-sh{display:inline-block;background:#F7F4EF;border:1px solid #E8E3DA;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.3;color:#1F1F1F}
#kfa-artikel .kfpw-simpan-ket,.kfa-artikel .kfpw-simpan-ket{display:block;flex-basis:100%;color:#5E5850;font-size:12.5px;line-height:1.35;font-weight:500}
#kfa-artikel .kfpw-instruksi,.kfa-artikel .kfpw-instruksi{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#5E5850;margin:0 0 14px;line-height:1.5;background:#F7F4EF;border-radius:14px;padding:12px 14px}
#kfa-artikel .kfpw-ins-ik,.kfa-artikel .kfpw-ins-ik{flex:none;width:22px;height:22px;border-radius:6px;background:#1F7A4D;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:1px}
#kfa-artikel .kfpw-ins-tx,.kfa-artikel .kfpw-ins-tx{display:block}
#kfa-artikel .kfpw-maju,.kfa-artikel .kfpw-maju{display:block;margin:0 0 12px}
#kfa-artikel .kfpw-maju-info,.kfa-artikel .kfpw-maju-info{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#5E5850;margin:0 0 6px;line-height:1.4}
#kfa-artikel .kfpw-maju-info b,.kfa-artikel .kfpw-maju-info b{display:inline;color:#1F7A4D;font-weight:700}
#kfa-artikel .kfpw-maju-bilah,.kfa-artikel .kfpw-maju-bilah{display:block;height:6px;border-radius:9px;background:#E8E3DA;overflow:hidden}
#kfa-artikel .kfpw-maju-bilah i,.kfa-artikel .kfpw-maju-bilah i{display:block;height:100%;width:0;background:#1F7A4D;border-radius:9px;transition:width .25s}
#kfa-artikel .kfa-langkah.kfpw-cek,.kfa-artikel .kfa-langkah.kfpw-cek{gap:12px}
#kfa-artikel .kfa-langkah.kfpw-cek > li,.kfa-artikel .kfa-langkah.kfpw-cek > li{box-sizing:border-box;min-height:62px;padding:12px 54px 12px 60px;border:1.5px solid #E8E3DA;border-radius:16px;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
#kfa-artikel .kfa-langkah.kfpw-cek > li::before,.kfa-artikel .kfa-langkah.kfpw-cek > li::before{left:12px;top:12px;width:34px;height:34px;font-size:15px}
#kfa-artikel .kfa-langkah.kfpw-cek > li:focus-visible,.kfa-artikel .kfa-langkah.kfpw-cek > li:focus-visible{outline:3px solid #F5B000;outline-offset:2px}
#kfa-artikel .kfa-langkah.kfpw-cek > li > .kfpw-kotak,.kfa-artikel .kfa-langkah.kfpw-cek > li > .kfpw-kotak{position:absolute;right:12px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:9px;border:2px solid #A39B90;background:#FFFFFF;display:flex;align-items:center;justify-content:center;color:#FFFFFF;box-sizing:border-box}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai{background:#E5F2EB;border-color:#BFDCCB}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai::before,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai::before{content:'✓';background:#1F7A4D}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai > .kfpw-kotak,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai > .kfpw-kotak{background:#1F7A4D;border-color:#1F7A4D}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai strong,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-selesai strong{text-decoration:line-through;color:#5E5850}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-ajak-cek > .kfpw-kotak,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-ajak-cek > .kfpw-kotak{border-color:#A40806;animation:kfpw-denyut 1.6s ease-in-out infinite}
@keyframes kfpw-denyut{0%,100%{box-shadow:0 0 0 0 rgba(164,8,6,.35)}50%{box-shadow:0 0 0 7px rgba(164,8,6,0)}}
@media (prefers-reduced-motion:reduce){.kfpw-panah,.kfpw-ajak,.kfpw-lembar,#kfa-artikel .kfa-langkah.kfpw-cek > li > .kfpw-kotak,.kfa-artikel .kfa-langkah.kfpw-cek > li > .kfpw-kotak{animation:none!important}}

/* ===== 1.9.0 perbaikan: ukuran & warna ikon tetap walau tema mengatur svg ===== */
html body .kfpw-app svg,html body .kfpw-nav svg,html body .kfpw-ajak svg,html body .kfpw-layar svg,html body .kfpw-kembali svg,html body .kfpw-simpan svg,html body .kfpw-instruksi svg,html body .kfpw-kotak svg{fill:none!important;stroke:currentColor!important;max-width:none!important;max-height:none!important;flex-shrink:0}
html body .kfpw-app svg *,html body .kfpw-nav svg *,html body .kfpw-ajak svg *,html body .kfpw-layar svg *,html body .kfpw-kembali svg *,html body .kfpw-simpan svg *,html body .kfpw-instruksi svg *,html body .kfpw-kotak svg *{fill:none!important;stroke:currentColor!important}
html body #kfh-beranda .kfpw-ps-ik svg{width:26px!important;height:26px!important}
html body #kfh-beranda .kfpw-pg-ik svg{width:24px!important;height:24px!important}
html body #kfh-beranda .kfpw-dr-ik svg{width:22px!important;height:22px!important}
html body #kfh-beranda .kfpw-cari svg,html body #kfh-beranda .kfpw-panah svg{width:20px!important;height:20px!important}
html body .kfpw-nav .kfpw-nb-ik svg{width:23px!important;height:23px!important}
html body .kfpw-kembali svg{width:20px!important;height:20px!important}
html body .kfpw-layar .kfpw-st-ic svg{width:22px!important;height:22px!important}
html body .kfpw-simpan .kfpw-tb-simpan svg{width:20px!important;height:20px!important}
html body .kfpw-instruksi .kfpw-ins-ik svg{width:14px!important;height:14px!important}
html body .kfpw-kotak svg{width:18px!important;height:18px!important}
html body .kfpw-instruksi .kfpw-ins-ik svg *,html body .kfpw-kotak svg *{stroke:#FFFFFF!important}
.kfpw-titik3{font-size:13px;font-weight:800;letter-spacing:1px;line-height:1}
/* Perpindahan halaman di mode aplikasi lebih halus (Chrome 126+, Safari 18.2+) */
@view-transition{navigation:auto}
/* Judul Beranda aplikasi: baris seimbang, "hari ini?" tidak tertinggal sendiri */
html body #kfh-beranda .kfpw-judul{text-wrap:balance}
/* Header HP menempel saat digulir (bilah merah atas ikut tergulir hilang) */
.kfpw-lekat-ganti{height:0}
@media (max-width:860px){
html body .kf-hdr.kfpw-lekat{position:fixed!important;top:0;left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:9980!important;box-shadow:0 2px 12px rgba(31,31,31,.08)}
html body .kf-hdr.kfpw-lekat .kf-top{display:none!important}
html body #masthead{position:static!important}
}
/* ===== 1.9.1: pengingat push (PWA Paket 2) ===== */
.kfpg-aksi,.kfpg-aksi-kuning{display:inline-flex;align-items:center;gap:8px;background:#F5B000;color:#1F1F1F!important;font-weight:800;border:0;border-radius:999px;padding:13px 22px;font-size:16px;line-height:1.2;cursor:pointer;text-decoration:none!important;font-family:inherit}
.kfpg-aksi svg,.kfpg-aksi-kuning svg{color:#1F1F1F;flex:none}
.kfpg-aksi:focus-visible,.kfpg-aksi-kuning:focus-visible,.kfpg-henti:focus-visible,.kfpg-tl:focus-visible{outline:3px solid #1F1F1F;outline-offset:2px}
.kfpg-aksi[disabled],.kfpg-aksi-kuning[disabled]{opacity:.55;cursor:default}
.kfpg-kecil{font-size:13px;opacity:.88;margin-top:10px}
.kfpg-aktif{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1F7A4D;font-weight:800;border-radius:999px;padding:12px 20px;font-size:16px;line-height:1.2}
.kfpg-henti{background:none;border:0;color:#fff;text-decoration:underline;font-size:14px;margin-left:12px;padding:6px 0;cursor:pointer;font-family:inherit}
.kfpg-catatan{background:#fff;color:#1F1F1F;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.55;text-align:left}
.kfpg-catatan b{display:block;margin-bottom:4px;font-size:15px}
.kfpg-tl{background:none;border:0;padding:4px 0;margin-top:8px;color:#A40806;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
.kfpg-sekunder{margin-top:12px}
/* pesan singkat dari atas (sama dengan rancangan pesan situs) */
.kfpg-toast{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:calc(100% - 20px);max-width:460px;background:#fff;color:#1F1F1F;border:1px solid #E8E3DA;border-radius:20px;box-shadow:0 10px 30px rgba(31,31,31,.18);padding:12px 14px;display:flex;align-items:center;gap:12px;z-index:2147483100;font-size:14.5px;line-height:1.4;animation:kfpg-turun .3s cubic-bezier(.2,.9,.3,1.2)}
.kfpg-toast.kfpg-pergi{animation:kfpg-naik .25s ease-in forwards}
.kfpg-toast b{display:block;font-weight:700}.kfpg-toast span span{color:#5E5850;font-size:13.5px}
.kfpg-t-ik{width:36px;height:36px;border-radius:50%;flex:none;display:flex!important;align-items:center;justify-content:center}
.kfpg-t-ok .kfpg-t-ik{background:#E5F2EB;color:#1F7A4D}.kfpg-t-info .kfpg-t-ik{background:#FFF4D6;color:#8A5A00}.kfpg-t-netral .kfpg-t-ik{background:#F7F4EF;color:#5E5850}
@keyframes kfpg-turun{from{transform:translate(-50%,-130%)}to{transform:translate(-50%,0)}}
@keyframes kfpg-naik{to{transform:translate(-50%,-130%);opacity:0}}
/* lembar Pilih pengingat */
html.kfpg-kunci,html.kfpg-kunci body{overflow:hidden}
.kfpg-layar{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,16,12,.48);z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;font-family:inherit}
.kfpg-lembar{background:#fff;color:#1F1F1F;width:100%;max-width:480px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:20px 18px 0;animation:kfpg-muncul .25s ease-out;text-align:left;box-sizing:border-box}
@media(min-width:700px){.kfpg-layar{align-items:center}.kfpg-lembar{border-radius:22px;max-height:84vh}}
@keyframes kfpg-muncul{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.kfpg-gagang{width:40px;height:4px;border-radius:9px;background:#D6D0C6;margin:-8px auto 12px}
.kfpg-lj{font-family:var(--kf-judul,inherit);font-weight:800;font-size:21px;line-height:1.2;margin:0 0 4px}
.kfpg-sub{font-size:14px;color:#5E5850;margin:0 0 12px}
.kfpg-kel{border:1.5px solid #E8E3DA;border-radius:16px;margin-bottom:8px;overflow:hidden}
.kfpg-kel.kfpg-buka{border-color:#CFC7BB}
.kfpg-kel-kp{display:flex;width:100%;align-items:center;gap:10px;padding:12px 14px;justify-content:space-between;background:#fff;border:0;text-align:left;cursor:pointer;color:#1F1F1F;font-family:inherit}
.kfpg-buka .kfpg-kel-kp{background:#F7F4EF}.kfpg-buka .kfpg-kel-kp svg{transform:rotate(180deg)}
.kfpg-kel-kp b{display:block;font-size:15.5px;line-height:1.3}.kfpg-kel-kp small{font-size:12.5px;color:#5E5850}
.kfpg-kel-kp em{font-style:normal;font-weight:800;color:#1F7A4D}
.kfpg-kel-kp:focus-visible,.kfpg-cek:focus-visible,.kfpg-batal:focus-visible{outline:3px solid #F5B000;outline-offset:-3px}
.kfpg-kel-isi{padding:8px 10px 4px}
.kfpg-cek{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1.5px solid #E8E3DA;border-radius:14px;margin-bottom:6px;width:100%;background:#fff;text-align:left;cursor:pointer;color:#1F1F1F;font-family:inherit}
.kfpg-kotak{width:22px;height:22px;border-radius:7px;border:2px solid #B9B1A6;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;box-sizing:border-box}
.kfpg-kotak svg{visibility:hidden}
.kfpg-cek[aria-checked="true"]{border-color:#1F1F1F}.kfpg-cek[aria-checked="true"] .kfpg-kotak{background:#1F1F1F;border-color:#1F1F1F}.kfpg-cek[aria-checked="true"] .kfpg-kotak svg{visibility:visible}
.kfpg-cek b{display:block;font-size:14.5px;line-height:1.3}.kfpg-cek small{color:#5E5850;font-size:12px;line-height:1.3}
.kfpg-bawah{position:sticky;bottom:0;background:#fff;padding:10px 0 calc(14px + env(safe-area-inset-bottom,0px));margin-top:6px;box-shadow:0 -10px 12px -10px rgba(31,31,31,.18)}
.kfpg-perk{display:flex;gap:10px;align-items:center;background:#F7F4EF;border-radius:14px;padding:10px 12px;margin:0 0 10px;font-size:13.5px;line-height:1.4}
.kfpg-perk i{flex:none;width:32px;height:32px;border-radius:50%;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center}
.kfpg-lebar{width:100%;justify-content:center}
.kfpg-batal{display:block;width:100%;text-align:center;margin-top:4px;padding:10px;font-weight:700;color:#5E5850;background:none;border:0;cursor:pointer;font-family:inherit;font-size:15px}
/* halaman Pengingat saya */
.kfpg-saya{max-width:640px}
.kfpg-daftar{display:flex;flex-direction:column;gap:10px}
.kfpg-item{border:1px solid #E8E3DA;border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;background:#fff}
.kfpg-item b{font-size:15.5px;line-height:1.3}.kfpg-item small{grid-column:1;color:#5E5850;font-size:12.5px;line-height:1.45}
.kfpg-tb-henti{grid-row:1/3;grid-column:2;border:1.5px solid #E8E3DA;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;background:#fff;color:#1F1F1F;cursor:pointer;font-family:inherit}
.kfpg-semua{display:inline-block;margin-top:14px;color:#A40806;font-weight:700;text-decoration:underline;font-size:15px;background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit}
.kfpg-kosong{background:#F7F4EF;border-radius:18px;padding:22px;text-align:center;color:#5E5850;font-size:15px}
.kfpg-tambah{margin-top:18px}
.kfpg-tambah.kfpg-merah{background:#A40806;border-radius:20px;padding:14px}
.kfpg-info{font-size:13px;color:#5E5850;margin-top:16px;line-height:1.55}
/* kartu Beranda aplikasi */
.kfpg-k-ke{flex:none;font-weight:800;font-size:13.5px;border-radius:999px;padding:9px 14px;background:#F7F4EF;color:#1F1F1F!important;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit}
.kfpg-k-ke.kfpg-kuning{background:#F5B000}
.kfpw-nav-lencana{position:absolute;top:0;left:calc(50% + 8px);background:#A40806;color:#fff;font-size:10px;font-weight:800;border-radius:999px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
.kfpw-nav-lencana[hidden]{display:none}
/* halaman /pengingat/ */
.kfpw-nb{position:relative}
.kfpg-hal .kfpg-sub{font-size:17px;line-height:1.6;margin:0 0 18px;color:#5E5850}
.kfpg-hal .kfpg-kosong{text-align:center}
/* tombol pengingat tidak ikut gaya tombol tema (warna, garis, huruf kapital, hover) */
.kfpg-aksi,.kfpg-aksi:hover,.kfpg-aksi:focus,.kfpg-aksi:active,.kfpg-aksi-kuning,.kfpg-aksi-kuning:hover,.kfpg-aksi-kuning:focus,.kfpg-aksi-kuning:active{background:#F5B000!important;color:#1F1F1F!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none!important;border-radius:999px!important;padding:13px 22px!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;min-height:0!important}
.kfpg-k-ke,.kfpg-k-ke:hover,.kfpg-k-ke:focus,.kfpg-k-ke:active{background:#F7F4EF!important;color:#1F1F1F!important;border:0!important;border-radius:999px!important;padding:9px 14px!important;font-size:13.5px!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;min-height:0!important;text-decoration:none!important}
.kfpg-k-ke.kfpg-kuning,.kfpg-k-ke.kfpg-kuning:hover,.kfpg-k-ke.kfpg-kuning:focus,.kfpg-k-ke.kfpg-kuning:active{background:#F5B000!important}
.kfpg-henti,.kfpg-henti:hover,.kfpg-henti:focus,.kfpg-tl,.kfpg-tl:hover,.kfpg-tl:focus,.kfpg-batal,.kfpg-batal:hover,.kfpg-batal:focus,.kfpg-semua,.kfpg-semua:hover,.kfpg-semua:focus{background:transparent!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-height:0!important;border-radius:0!important}
.kfpg-henti,.kfpg-henti:hover,.kfpg-henti:focus{color:#FFFFFF!important;padding:6px 0!important}
.kfpg-tl,.kfpg-tl:hover,.kfpg-tl:focus,.kfpg-semua,.kfpg-semua:hover,.kfpg-semua:focus{color:#A40806!important;padding:4px 0!important}
.kfpg-batal,.kfpg-batal:hover,.kfpg-batal:focus{color:#5E5850!important;padding:10px!important}
.kfpg-kel-kp,.kfpg-kel-kp:hover,.kfpg-kel-kp:focus,.kfpg-kel-kp:active{background:#FFFFFF!important;color:#1F1F1F!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;padding:12px 14px!important;min-height:0!important;margin:0!important}
.kfpg-buka .kfpg-kel-kp,.kfpg-buka .kfpg-kel-kp:hover,.kfpg-buka .kfpg-kel-kp:focus{background:#F7F4EF!important}
.kfpg-cek,.kfpg-cek:hover,.kfpg-cek:focus,.kfpg-cek:active{background:#FFFFFF!important;color:#1F1F1F!important;border:1.5px solid #E8E3DA!important;border-radius:14px!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;padding:8px 10px!important;min-height:0!important}
.kfpg-cek[aria-checked="true"],.kfpg-cek[aria-checked="true"]:hover,.kfpg-cek[aria-checked="true"]:focus{border-color:#1F1F1F!important}
.kfpg-tb-henti,.kfpg-tb-henti:hover,.kfpg-tb-henti:focus{background:#FFFFFF!important;color:#1F1F1F!important;border:1.5px solid #E8E3DA!important;border-radius:999px!important;padding:7px 14px!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-height:0!important}
html body .kfpg-aksi svg,html body .kfpg-aksi-kuning svg,html body .kfpg-perk i svg{width:18px!important;height:18px!important}
html body .kfpg-kotak svg,html body .kfpg-aktif svg{width:14px!important;height:14px!important}
html body .kfpg-kel-kp svg,html body .kfpg-t-ik svg{width:20px!important;height:20px!important;flex:none}
@media (prefers-reduced-motion:reduce){.kfpg-toast,.kfpg-lembar{animation:none}}
/* 1.9.1: bagian pengingat di dalam halaman plugin (lihat tambal-v191.py) */
.kfm:not(#kf0) .kfpg-aksi,.kfm:not(#kf0) .kfpg-aksi-kuning{display:inline-flex;align-items:center;gap:8px;background:#F5B000;color:#1F1F1F!important;font-weight:800;border:0;border-radius:999px;padding:13px 22px;font-size:16px;line-height:1.2;cursor:pointer;text-decoration:none!important;font-family:inherit}
.kfm:not(#kf0) .kfpg-aksi svg,.kfm:not(#kf0) .kfpg-aksi-kuning svg{color:#1F1F1F;flex:none}
.kfm:not(#kf0) .kfpg-aksi:focus-visible,.kfm:not(#kf0) .kfpg-aksi-kuning:focus-visible,.kfm:not(#kf0) .kfpg-henti:focus-visible,.kfm:not(#kf0) .kfpg-tl:focus-visible{outline:3px solid #1F1F1F;outline-offset:2px}
.kfm:not(#kf0) .kfpg-aksi[disabled],.kfm:not(#kf0) .kfpg-aksi-kuning[disabled]{opacity:.55;cursor:default}
.kfm:not(#kf0) .kfpg-kecil{font-size:13px;opacity:.88;margin-top:10px}
.kfm:not(#kf0) .kfpg-aktif{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1F7A4D;font-weight:800;border-radius:999px;padding:12px 20px;font-size:16px;line-height:1.2}
.kfm:not(#kf0) .kfpg-henti{background:none;border:0;color:#fff;text-decoration:underline;font-size:14px;margin-left:12px;padding:6px 0;cursor:pointer;font-family:inherit}
.kfm:not(#kf0) .kfpg-catatan{background:#fff;color:#1F1F1F;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.55;text-align:left}
.kfm:not(#kf0) .kfpg-catatan b{display:block;margin-bottom:4px;font-size:15px}
.kfm:not(#kf0) .kfpg-tl{background:none;border:0;padding:4px 0;margin-top:8px;color:#A40806;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
.kfm:not(#kf0) .kfpg-sekunder{margin-top:12px}
.kfm:not(#kf0) .kfpg-sub{font-size:14px;color:#5E5850;margin:0 0 12px}
.kfm:not(#kf0) .kfpg-saya{max-width:640px}
.kfm:not(#kf0) .kfpg-daftar{display:flex;flex-direction:column;gap:10px}
.kfm:not(#kf0) .kfpg-item{border:1px solid #E8E3DA;border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;background:#fff}
.kfm:not(#kf0) .kfpg-item b{font-size:15.5px;line-height:1.3}
.kfm:not(#kf0) .kfpg-item small{grid-column:1;color:#5E5850;font-size:12.5px;line-height:1.45}
.kfm:not(#kf0) .kfpg-tb-henti{grid-row:1/3;grid-column:2;border:1.5px solid #E8E3DA;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;background:#fff;color:#1F1F1F;cursor:pointer;font-family:inherit}
.kfm:not(#kf0) .kfpg-semua{display:inline-block;margin-top:14px;color:#A40806;font-weight:700;text-decoration:underline;font-size:15px;background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit}
.kfm:not(#kf0) .kfpg-kosong{background:#F7F4EF;border-radius:18px;padding:22px;text-align:center;color:#5E5850;font-size:15px}
.kfm:not(#kf0) .kfpg-tambah{margin-top:18px}
.kfm:not(#kf0) .kfpg-tambah.kfpg-merah{background:#A40806;border-radius:20px;padding:14px}
.kfm:not(#kf0) .kfpg-info{font-size:13px;color:#5E5850;margin-top:16px;line-height:1.55}
.kfm:not(#kf0) .kfpg-k-ke{flex:none;font-weight:800;font-size:13.5px;border-radius:999px;padding:9px 14px;background:#F7F4EF;color:#1F1F1F!important;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit}
.kfm:not(#kf0) .kfpg-k-ke.kfpg-kuning{background:#F5B000}
.kfm:not(#kf0) .kfpg-hal .kfpg-sub{font-size:17px;line-height:1.6;margin:0 0 18px;color:#5E5850}
.kfm:not(#kf0) .kfpg-hal .kfpg-kosong{text-align:center}
/* ===== 1.9.1.1: lonceng "Pengingat yang masuk" & kartu ikon jam (Beranda aplikasi) ===== */
html body #kfh-beranda .kfpw-baris .kfpg-lc,html body #kfh-beranda .kfpw-baris .kfpg-lc:hover,html body #kfh-beranda .kfpw-baris .kfpg-lc:focus,html body #kfh-beranda .kfpw-baris .kfpg-lc:active{position:relative!important;margin:0 0 0 auto!important;flex:none!important;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;color:#FFFFFF!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #kfh-beranda .kfpw-baris .kfpg-lc:focus-visible{outline:3px solid #F5B000!important;outline-offset:2px}
html body #kfh-beranda .kfpw-baris .kfpg-lc svg{width:21px!important;height:21px!important}
html body #kfh-beranda .kfpg-lc-titik{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:50%;background:#F5B000;border:2px solid #BF0304;box-sizing:content-box;display:block}
html body #kfh-beranda .kfpg-lc-titik[hidden]{display:none!important}
html body #kfh-beranda .kfpw-pg-ik{background:#E8EEF8!important;color:#2C5AA0!important}
/* panel */
.kfpg-m-layar{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(31,31,31,.38);z-index:9996;font-family:inherit;animation:kfpg-redup .18s ease-out}
.kfpg-m-panel{position:absolute;left:12px;right:12px;max-width:420px;margin-left:auto;background:#FFFFFF;color:#1F1F1F;border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.25);padding:14px 14px 4px;box-sizing:border-box;text-align:left;max-height:calc(100vh - 140px);overflow:auto;animation:kfpg-buka .18s ease-out}
.kfpg-m-panel::before{content:"";position:absolute;top:-7px;right:var(--kfpg-panah,26px);width:14px;height:14px;background:#FFFFFF;transform:rotate(45deg);border-radius:3px}
.kfpg-m-kp{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px}
.kfpg-m-kp b{font-size:15px;line-height:1.3}.kfpg-m-kp small{font-weight:600;color:#5E5850;font-size:12px;white-space:nowrap}
html body .kfpg-m-it,html body .kfpg-m-it:hover,html body .kfpg-m-it:focus,html body .kfpg-m-it:visited{display:flex!important;gap:10px;align-items:center;padding:9px 0!important;border-top:1px solid #F0ECE5;color:#1F1F1F!important;text-decoration:none!important;box-shadow:none!important;background:transparent!important}
.kfpg-m-it:focus-visible{outline:3px solid #F5B000;outline-offset:-3px;border-radius:12px}
html body .kfpg-m-it img{width:46px!important;height:46px!important;max-width:none!important;border-radius:12px!important;object-fit:cover;flex:none;display:block;margin:0!important}
.kfpg-m-ik{width:46px;height:46px;border-radius:12px;flex:none;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center}
.kfpg-m-tx{flex:1;min-width:0}
.kfpg-m-tx b{display:block;font-size:14px;line-height:1.25;font-weight:700}
.kfpg-m-tx small{display:block;font-size:12px;color:#5E5850;margin-top:2px;line-height:1.3}
.kfpg-m-baru .kfpg-m-tx b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#F5B000;margin-right:6px;vertical-align:1px}
.kfpg-m-bk{flex:none;font-size:12.5px;font-weight:800;color:#A40806}
.kfpg-m-kosong{border-top:1px solid #F0ECE5;padding:14px 4px 10px;font-size:14px;line-height:1.5;color:#5E5850;text-align:center}
html body .kfpg-m-pilih{display:flex!important;width:100%;justify-content:center;margin:0 0 10px}
html body .kfpg-m-atur,html body .kfpg-m-atur:hover,html body .kfpg-m-atur:focus,html body .kfpg-m-atur:visited{display:block!important;text-align:center;font-weight:800;font-size:13.5px;color:#1F1F1F!important;text-decoration:none!important;border-top:1px solid #F0ECE5;padding:11px 0 10px!important;box-shadow:none!important;background:transparent!important}
@keyframes kfpg-redup{from{opacity:0}to{opacity:1}}
@keyframes kfpg-buka{from{transform:translateY(-6px);opacity:.3}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.kfpg-m-layar,.kfpg-m-panel{animation:none}}
/* ===== 1.9.1.2: panel lonceng saat belum ada pengingat yang masuk (opsi B) ===== */
.kfpg-m-panel:focus,.kfpg-m-panel:focus-visible{outline:none}
html body .kfpg-m-panel a:focus:not(:focus-visible),html body .kfpg-m-panel button:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.kfpg-m-ket{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #F0ECE5;padding:12px 2px 2px;font-size:13px;line-height:1.5;color:#5E5850}
.kfpg-m-mi{flex:none;width:30px;height:30px;border-radius:50%;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center}
.kfpg-m-sub{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5E5850;margin:12px 0 2px}
html body .kfpg-m-jadwal{display:flex!important;gap:10px;align-items:center;padding:8px 0!important;border-top:1px solid #F0ECE5}
html body .kfpg-m-jadwal img{width:42px!important;height:42px!important;border-radius:12px!important}
.kfpg-m-jadwal .kfpg-m-ik{width:42px;height:42px}
.kfpg-m-jadwal .kfpg-m-tx b{font-size:13.5px}
.kfpg-m-tg{flex:none;font-size:11px;font-weight:800;color:#2C5AA0;background:#E8EEF8;border-radius:999px;padding:3px 8px}
.kfpg-m-kosong{display:flex;flex-direction:column;align-items:center;padding:18px 8px 18px;text-align:center}
.kfpg-m-ilu{position:relative;width:64px;height:64px;margin:0 0 10px;border-radius:50%;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center}
.kfpg-m-ilu i{position:absolute;right:-2px;top:-2px;width:24px;height:24px;border-radius:50%;background:#E8EEF8;color:#2C5AA0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #FFFFFF}
.kfpg-m-kosong b{display:block;font-size:15px;line-height:1.35;color:#1F1F1F}
.kfpg-m-p{display:block;margin:4px auto 0;font-size:13px;line-height:1.5;color:#5E5850;max-width:260px}
html body .kfpg-m-kosong .kfpg-m-pilih{display:inline-flex!important;width:auto;margin:14px 0 0}
html body .kfpg-m-ilu svg{width:30px!important;height:30px!important}html body .kfpg-m-ilu i svg{width:14px!important;height:14px!important}html body .kfpg-m-mi svg{width:16px!important;height:16px!important}
/* daftar pengingat yang masuk, dirapikan (mockup 12 Okt 18.18) */
.kfpg-m-daftar.kfpg-m-ada{border-top:1px solid #F0ECE5;padding:8px 0 4px}
html body .kfpg-m-daftar a.kfpg-m-it,html body .kfpg-m-daftar a.kfpg-m-it:hover,html body .kfpg-m-daftar a.kfpg-m-it:focus,html body .kfpg-m-daftar a.kfpg-m-it:visited{border-top:0!important;padding:10px!important;margin:0 -8px!important;border-radius:14px!important;background:transparent!important;align-items:center}
html body .kfpg-m-daftar a.kfpg-m-it+a.kfpg-m-it{margin-top:2px!important}
html body .kfpg-m-daftar a.kfpg-m-it.kfpg-m-baru{background:#FFF8E6!important}
.kfpg-m-daftar a.kfpg-m-it .kfpg-m-tx b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}
.kfpg-m-daftar a.kfpg-m-it .kfpg-m-tx b::before{content:none!important}
.kfpg-m-tanda{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#8A5A00;margin-top:3px}
.kfpg-m-tanda::before{content:"";width:7px;height:7px;border-radius:50%;background:#F5B000}
.kfpg-m-daftar a.kfpg-m-it .kfpg-m-bk{font-size:12.5px;font-weight:800;color:#A40806;background:#FBE5E4;border-radius:999px;padding:6px 12px;line-height:1.2}
.kfpg-m-daftar a.kfpg-m-it.kfpg-m-baru .kfpg-m-bk{background:#A40806;color:#FFFFFF}
/* 1.9.2: tab Asisten = tombol */
button.kfpw-nb{font-size:11.5px!important;font-weight:700!important;line-height:1.2!important;width:auto;height:auto;background:none!important;border:0!important;padding:0!important;margin:0!important;font-family:inherit!important;cursor:pointer;box-shadow:none!important;min-height:0!important;-webkit-tap-highlight-color:transparent;text-transform:none!important;letter-spacing:normal!important}
button.kfpw-nb:focus-visible{outline:2px solid #A40806;outline-offset:2px;border-radius:12px}
/* 1.9.2.2: artikel — "Lihat panduan" (kiri) + "Simpan offline" (kanan, tanpa "Segera hadir"). Browser: hanya "Lihat panduan" putih. Aplikasi: "Lihat panduan" hijau. */
#kfa-artikel .kfpw-simpan,.kfa-artikel .kfpw-simpan{gap:8px}
#kfa-artikel .kfpw-tb-simpan,.kfa-artikel .kfpw-tb-simpan,#kfa-artikel a.kfpw-tb-panduan,.kfa-artikel a.kfpw-tb-panduan{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #1F1F1F;border-radius:999px;padding:8px 13px 8px 10px;font-weight:800;font-size:14px;line-height:1.2;background:#FFFFFF;color:#1F1F1F!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
#kfa-artikel a.kfpw-tb-panduan:focus-visible,.kfa-artikel a.kfpw-tb-panduan:focus-visible,#kfa-artikel .kfpw-tb-simpan:focus-visible,.kfa-artikel .kfpw-tb-simpan:focus-visible{outline:3px solid #F5B000;outline-offset:2px}
html.kf-app #kfa-artikel a.kfpw-tb-panduan,html.kf-app .kfa-artikel a.kfpw-tb-panduan{background:#1F7A4D;border-color:#1F7A4D;color:#FFFFFF!important}
html body .kfpw-simpan .kfpw-tb-panduan svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important}
html body .kfpw-simpan .kfpw-tb-panduan svg *{fill:none!important;stroke:currentColor!important;stroke-width:2.6}
html body .kfpw-simpan .kfpw-tb-simpan svg{width:19px!important;height:19px!important}
html:not(.kf-app) .kfpw-simpan .kfpw-tb-simpan,html:not(.kf-app) .kfpw-simpan .kfpw-simpan-ket,html:not(.kf-app) .kfpw-simpan:not(.kfpw-ada-panduan){display:none!important}
#kfa-artikel .kfa-langkah.kfpw-cek > li,.kfa-artikel .kfa-langkah.kfpw-cek > li{transition:background .15s,border-color .15s,box-shadow .25s}
#kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-sorot,.kfa-artikel .kfa-langkah.kfpw-cek > li.kfpw-sorot{border-color:#1F7A4D;background:#F1F8F4;box-shadow:0 0 0 4px rgba(31,122,77,.18)}
.kfpw-tst{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9996;background:#1F1F1F;color:#FFFFFF;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;border-radius:999px;padding:9px 16px;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:opacity .22s,transform .22s;pointer-events:none}
.kfpw-tst:not(.kfpw-tst-tampil){opacity:0;visibility:hidden}
.kfpw-tst.kfpw-tst-hilang{opacity:0;transform:translate(-50%,6px)}
@media (prefers-reduced-motion:reduce){.kfpw-tst{transition:none}}
#kfa-artikel a.kfpw-tb-panduan:focus:not(:focus-visible),.kfa-artikel a.kfpw-tb-panduan:focus:not(:focus-visible),#kfa-artikel .kfpw-tb-simpan:focus:not(:focus-visible),.kfa-artikel .kfpw-tb-simpan:focus:not(:focus-visible){outline:none}
@media (max-width:374px){#kfa-artikel .kfpw-tb-simpan,.kfa-artikel .kfpw-tb-simpan,#kfa-artikel a.kfpw-tb-panduan,.kfa-artikel a.kfpw-tb-panduan{font-size:13px;padding:7px 11px 7px 9px;gap:5px}}
/* 1.9.2.3: aplikasi — "Lihat panduan" dan "Simpan offline" sama lebar, memenuhi baris (di layar sangat sempit boleh turun dua baris, masing-masing tetap penuh). */
html.kf-app #kfa-artikel .kfpw-ada-panduan a.kfpw-tb-panduan,html.kf-app .kfa-artikel .kfpw-ada-panduan a.kfpw-tb-panduan,html.kf-app #kfa-artikel .kfpw-ada-panduan .kfpw-tb-simpan,html.kf-app .kfa-artikel .kfpw-ada-panduan .kfpw-tb-simpan{flex:1 1 0;justify-content:center;min-width:-webkit-max-content;min-width:max-content}