/* ==========================================================
   SIPANDANG Warga — Modern theme (v11)
   Dimuat PALING AKHIR (setelah style.css & pro.css).
   Hanya CSS: markup, JS, dan API tidak berubah.
   Untuk mundur ke tampilan lama: hapus satu baris <link> modern.css di _head.php.
   ========================================================== */

:root{
    /* --- Token warna --- */
    --m-brand:#2563eb;
    --m-brand-2:#0ea5e9;
    --m-brand-ink:#1e3a8a;
    --m-ink:#0f172a;
    --m-ink-2:#334155;
    --m-mute:#526179;
    --m-line:#e5eaf3;
    --m-bg:#f4f6fb;
    --m-card:#ffffff;
    --m-ok:#059669;
    --m-warn:#d97706;
    --m-bad:#dc2626;

    /* peta ke variabel lama agar halaman lama ikut berubah */
    --navy:var(--m-ink);
    --navy-mid:var(--m-brand-ink);
    --navy-soft:var(--m-brand);
    --accent:var(--m-brand);
    --accent-lt:#eaf1ff;
    --bg:var(--m-bg);
    --text:var(--m-ink);
    --muted:var(--m-mute);
    --border:var(--m-line);
    --success:var(--m-ok);
    --danger:var(--m-bad);
    --grad-hero:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 55%,#0369a1 100%);
    --grad-btn:linear-gradient(135deg,#1d4ed8,#2563eb);
    --m-soft:#526179; /* teks sekunder: >=6:1 di atas putih & latar #f4f6fb */

    --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px;
    --sh-1:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);
    --sh-2:0 4px 6px -2px rgba(15,23,42,.04),0 12px 28px -6px rgba(15,23,42,.10);
    --sh-3:0 20px 50px -12px rgba(37,99,235,.35);
    --ring:0 0 0 4px rgba(37,99,235,.16);
    --ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- Dasar ---------- */
html,body,body.app-native{background:var(--m-bg)!important;}
body.app-native,
body.app-native button,
body.app-native input,
body.app-native select,
body.app-native textarea{
    font-family:'Plus Jakarta Sans','DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
body.app-native{color:var(--m-ink);font-size:14.5px;}
body.app-native h1,body.app-native h2,body.app-native h3{letter-spacing:-.02em;}
body.app-native ::selection{background:rgba(37,99,235,.2);}
body.page-dashboard,body.page-riwayat,body.page-profil,body.page-notifikasi,body.page-info{
    box-shadow:0 0 0 1px rgba(15,23,42,.04),0 0 80px rgba(15,23,42,.08);
}

/* ---------- Hero (Beranda) ---------- */
.page-dashboard .hero{
    background:
        radial-gradient(520px 260px at 100% -10%,rgba(56,189,248,.28),transparent 60%),
        radial-gradient(380px 220px at -10% 110%,rgba(99,102,241,.45),transparent 60%),
        var(--grad-hero)!important;
    border-radius:0 0 var(--r-xl) var(--r-xl);
    padding-bottom:74px;
    box-shadow:var(--sh-3);
    overflow:hidden;
}
.page-dashboard .hero::after{
    content:"";position:absolute;right:-40px;top:40px;width:180px;height:180px;border-radius:50%;
    border:28px solid rgba(255,255,255,.07);pointer-events:none;
}
.page-dashboard .hero-greet .gday{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#fff;text-transform:none;
}
.page-dashboard .hero-greet .gname{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin-top:10px;}
.page-dashboard .hero-greet .gname span{color:#fff;text-shadow:none;}
.page-dashboard .hero-greet .gnik{color:rgba(255,255,255,.75);}
.logo-wrap .nm{font-weight:800;letter-spacing:.02em;}
.logo-wrap .ver{background:rgba(255,255,255,.18);border-color:transparent;color:#fff;border-radius:999px;padding:2px 8px;}
.hero .notif-btn,.page-dashboard .hero .notif-btn{
    background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;color:#fff;
}
.notif-ring{border-color:#2563eb;background:#fb7185;}

/* ---------- Kartu statistik ---------- */
.stats-wrap{padding:0 16px;}
.stats-row{gap:12px;}
.page-dashboard .stat-card{
    position:relative;overflow:hidden;
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.9);
    border-radius:var(--r-md);box-shadow:var(--sh-2);
    padding:14px 8px 12px;
}
.page-dashboard .stat-card .si{
    width:32px;height:32px;margin:0 auto 8px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;font-size:.8rem;
}
.page-dashboard .stat-card.dark .si{background:#eaf1ff;color:#2563eb;}
.page-dashboard .stat-card.blue .si{background:#e0f2fe;color:#0284c7;}
.page-dashboard .stat-card.green .si{background:#d1fae5;color:#059669;}
.page-dashboard .stat-card .sv{font-size:1.6rem;font-weight:800;color:var(--m-ink)!important;letter-spacing:-.03em;}
.page-dashboard .stat-card .sl{color:var(--m-mute);font-size:.62rem;font-weight:700;}

/* ---------- Banner siap ambil & pengumuman ---------- */
.siap-bar{
    background:linear-gradient(135deg,#059669,#10b981)!important;
    border-radius:var(--r-md);padding:14px 16px;
    animation:none;box-shadow:0 12px 28px -8px rgba(5,150,105,.55);
}
.app-banner{
    background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;
    border:1px solid #dbe5ff!important;border-radius:var(--r-md);box-shadow:var(--sh-1)!important;
}
.app-banner-ico{background:linear-gradient(135deg,#2563eb,#6366f1)!important;border-radius:13px;}
.app-banner-tag{color:#4f46e5!important;}
.app-banner-t{color:var(--m-ink)!important;}

/* ---------- Judul seksi ---------- */
.dash-sec-title{font-size:1.05rem;font-weight:800;color:var(--m-ink);letter-spacing:-.02em;margin:6px 16px 12px;}
.sec-lbl span{color:var(--m-mute);font-weight:800;}
.sec-lbl .line{background:var(--m-line);}

/* ---------- Kategori layanan ---------- */
.kat-grid{gap:12px;}
.kat-card{
    background:var(--m-card);border:1px solid var(--m-line);border-radius:var(--r-lg);
    box-shadow:var(--sh-1)!important;padding:18px 16px;
}
.kat-card::before{display:none!important;}
.kat-card .kico{width:50px;height:50px;border-radius:16px;font-size:1.2rem;}
.kat-umum .kico{background:linear-gradient(135deg,#dbeafe,#e0e7ff)!important;color:#2563eb!important;}
.kat-siak .kico{background:linear-gradient(135deg,#cffafe,#dbeafe)!important;color:#0891b2!important;}
.kat-nikah .kico{background:linear-gradient(135deg,#fce7f3,#ede9fe)!important;color:#9333ea!important;}
.kat-card .kname{font-size:.92rem;font-weight:800;color:var(--m-ink)!important;}
.kat-card .kcount{background:#f1f5f9;color:var(--m-mute);border-radius:999px;padding:3px 10px;}
.kat-card .karr{background:#f1f5f9;color:var(--m-mute);border-radius:50%;width:26px;height:26px;}
@media (hover:hover){
    .kat-card:hover{border-color:#c7d7fe;box-shadow:var(--sh-2)!important;}
}
.sk-card{border-radius:var(--r-lg);background:linear-gradient(90deg,#e9eef7 25%,#f6f8fc 50%,#e9eef7 75%);background-size:200% 100%;}

/* ---------- Akses cepat ---------- */
.chip-action{background:var(--m-card);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--sh-1);}
.chip-action .ci{border-radius:13px;}
.chip-action .ci.blue{background:var(--grad-btn);}
.chip-action .ci.navy{background:linear-gradient(135deg,#6366f1,#8b5cf6);}
.chip-action .ci.teal{background:linear-gradient(135deg,#0891b2,#06b6d4);}
.chip-action .ci.green{background:linear-gradient(135deg,#059669,#10b981);}
.chip-action .ct{color:var(--m-ink);}

/* ---------- Bottom sheet ---------- */
.ov{background:rgba(15,23,42,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.sheet{border-radius:28px 28px 0 0;border:0;box-shadow:0 -24px 80px rgba(15,23,42,.25)!important;}
.sheet-pill{width:44px;height:5px;border-radius:99px;background:#cbd5e1;}
.sheet-hdr{border-bottom:1px solid var(--m-line);}
.sheet-hdr .sh-x{border-radius:50%;background:#f1f5f9;color:var(--m-mute);}
.svc-item{background:#f8fafc;border:1px solid transparent;border-radius:var(--r-md);}
.svc-item:active{background:#eaf1ff;border-color:#c7d7fe;}
.svc-ico{border-radius:16px;box-shadow:none;}
.svc-item.umum .svc-ico{background:#dbeafe;color:#2563eb;}
.svc-item.siak .svc-ico{background:#cffafe;color:#0891b2;}
.svc-item.nikah .svc-ico{background:#f3e8ff;color:#9333ea;}
.svc-lbl{color:var(--m-ink);font-weight:700;}

/* ---------- Header halaman dalam ---------- */
.page-hdr,.info-hero{
    background:
        radial-gradient(420px 200px at 100% -20%,rgba(56,189,248,.25),transparent 60%),
        var(--grad-hero)!important;
    border-radius:0 0 var(--r-xl) var(--r-xl);
    box-shadow:var(--sh-3);
}
.page-hdr h1{font-weight:800;letter-spacing:-.03em;}

/* ---------- Navigasi bawah: pill melayang ---------- */
.app-nav{
    left:12px!important;right:12px!important;bottom:calc(10px + var(--safe-b))!important;
    width:auto;height:68px;padding:8px 6px!important;align-items:center;
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);
    border:1px solid rgba(255,255,255,.7)!important;
    border-radius:26px!important;
    box-shadow:0 18px 44px -10px rgba(15,23,42,.28),0 2px 6px rgba(15,23,42,.06)!important;
}
.app-nav .nav-item{color:var(--m-mute);font-size:.62rem;font-weight:700;}
.app-nav .nav-ico{width:44px;height:30px;border-radius:99px;}
.app-nav .nav-item.active{color:var(--m-brand);}
.app-nav .nav-item.active .nav-ico{background:#e0e9ff;color:var(--m-brand);box-shadow:none;}
.app-nav .nav-fab{
    top:-18px;width:58px;height:58px;border-radius:20px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    box-shadow:0 14px 28px -6px rgba(37,99,235,.6),0 0 0 5px rgba(255,255,255,.9);
}
.app-nav .nav-dot{background:#fb7185;border-color:#fff;}
.pb{height:calc(var(--nav-h) + var(--safe-b) + 28px)!important;}
.sos-fab{bottom:calc(var(--nav-h) + var(--safe-b) + 30px)!important;}
@media(min-width:520px){
    body.warga-app .app-nav{max-width:456px;left:50%!important;right:auto!important;border-radius:26px!important;}
}

/* ---------- Form & tombol ---------- */
.form-group label{color:var(--m-ink-2);font-weight:700;}
.form-control{
    border:1.5px solid var(--m-line);background:#f8fafc;border-radius:14px;min-height:50px;
    transition:border-color .2s,box-shadow .2s,background .2s;
}
.form-control:hover{border-color:#cbd5e1;}
.form-control:focus{background:#fff;border-color:var(--m-brand);box-shadow:var(--ring);}
.btn{border-radius:14px;font-weight:800;}
.btn-primary,.btn-kirim,.btn-edit-save,.kf-btn,.act-btn-ulang{
    background:var(--grad-btn)!important;color:#fff!important;
    box-shadow:0 10px 22px -8px rgba(37,99,235,.65);
}
.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;}
.btn-ghost{background:#f1f5f9;border-color:var(--m-line);color:var(--m-ink-2);}
.btn-gold{background:#eaf1ff;border-color:#c7d7fe;color:var(--m-brand);}
.card{border-radius:var(--r-lg);border:1px solid var(--m-line);box-shadow:var(--sh-2);}
.info-card{border-radius:var(--r-lg)!important;border:1px solid var(--m-line);box-shadow:var(--sh-1)!important;}
.info-card-title{color:var(--m-ink);}
.info-card-title i,.ir-ico{color:var(--m-brand);}
.ir-ico{background:#eaf1ff;border-radius:11px;}
.ir-val{color:var(--m-ink);}
.mi-ico{border-radius:13px;}
.btn-logout{border-radius:14px;border-color:#fecdd3;background:#fff1f2;color:#be123c;}

/* ---------- Tab filter (Riwayat, dll.) ---------- */
.filter-tabs{background:#fff!important;border:1px solid var(--m-line)!important;border-radius:18px!important;box-shadow:var(--sh-2)!important;}
.ftab,.ktab{border-radius:13px!important;font-weight:700;color:var(--m-mute)!important;}
.ftab.on,.ktab.on{
    background:var(--grad-btn)!important;border-color:transparent!important;
    color:#fff!important;box-shadow:0 8px 18px -6px rgba(37,99,235,.6)!important;
}

/* ---------- Item riwayat ---------- */
.ritem{border:1px solid var(--m-line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh-1)!important;}
.ritem.siap{border-left:1px solid var(--m-line)!important;box-shadow:inset 4px 0 0 #10b981,var(--sh-1)!important;}
.ritem-nm{color:var(--m-ink)!important;}
.ritem-ico{border-radius:15px!important;}
.st-badge{border-radius:999px;font-weight:800;padding:5px 11px;}
.st-m{background:#fef3c7;color:#b45309;}
.st-p{background:#dbeafe;color:#1d4ed8;}
.st-s{background:#d1fae5;color:#047857;}
.st-x{background:#f1f5f9;color:#475569;}
.st-t{background:#ffe4e6;color:#be123c;}
.empty-state i{color:var(--m-brand);}
.empty-state h3{color:var(--m-ink);}

/* ---------- Sidebar desktop ---------- */
.warga-sidebar{background:#fff;border-right:1px solid var(--m-line);}
.warga-sidebar-link{border-radius:14px;color:var(--m-ink-2);font-weight:600;}
.warga-sidebar-link:hover{background:#f1f5f9;}
.warga-sidebar-link.active{background:#eaf1ff;color:var(--m-brand);font-weight:800;}
.warga-sidebar-cta{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border-radius:16px;box-shadow:0 14px 28px -8px rgba(37,99,235,.55);}

/* ---------- Auth (login / daftar / lupa password) ---------- */
body.sip-bkn-login{background:
    radial-gradient(600px 320px at 100% 0,rgba(14,165,233,.22),transparent 60%),
    radial-gradient(520px 300px at 0 100%,rgba(99,102,241,.18),transparent 60%),
    var(--m-bg)!important;}
body.sip-bkn-login .sip-bkn-hero-band{background:var(--grad-hero)!important;}
body.sip-bkn-login .sip-bkn-login-card{
    background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-xl);
    box-shadow:0 30px 70px -20px rgba(30,58,138,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body.sip-bkn-login input[type=text],
body.sip-bkn-login input[type=password],
body.sip-bkn-login input[type=email],
body.sip-bkn-login input[type=tel],
body.sip-bkn-login input[type=number],
body.sip-bkn-login select{
    background:#f8fafc;border:1.5px solid var(--m-line);border-radius:14px;min-height:50px;
    font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s;
}
body.sip-bkn-login input:focus,body.sip-bkn-login select:focus{
    outline:none;background:#fff;border-color:var(--m-brand);box-shadow:var(--ring);
}
body.sip-bkn-login .sip-bkn-btn-primary{
    background:var(--grad-btn)!important;border:0;border-radius:14px;
    box-shadow:0 12px 24px -8px rgba(37,99,235,.65);font-weight:800;
}
body.sip-bkn-login .sip-bkn-login-link a,
body.sip-bkn-login .sip-warga-auth-switch a{color:var(--m-brand);font-weight:700;}

/* ---------- Gerak halus saat halaman muncul ---------- */
@media (prefers-reduced-motion:no-preference){
    .page-dashboard .stat-card,.kat-card,.chip-action,.ritem,.info-card{animation:m-rise .5s var(--ease) both;}
    .page-dashboard .stat-card:nth-child(2),.ritem:nth-child(2){animation-delay:.05s;}
    .page-dashboard .stat-card:nth-child(3),.ritem:nth-child(3){animation-delay:.1s;}
    @keyframes m-rise{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
}


/* ==========================================================
   LAPISAN KONTRAS — teks selalu terbaca di atas latarnya
   Aturan: permukaan gelap/berwarna => teks putih (>=4.5:1),
           permukaan terang => teks #0f172a / #526179.
   ========================================================== */

/* 1) Semua header/hero berwarna memakai gradien biru tua yang sama */
.page-hdr,.info-hero,.profil-hero,body.page-profil .profil-hero,.app-header,
body.page-auth .app-header,.k-instansi,.sip-bkn-hero-band{
    background:
        radial-gradient(420px 200px at 100% -20%,rgba(56,189,248,.25),transparent 60%),
        var(--grad-hero)!important;
    color:#fff;
}
.page-hdr *,.info-hero *,.profil-hero *,.app-header *,.k-instansi *{--_c:#fff;}
.page-hdr h1,.page-hdr h2,.info-hero h1,.profil-nm,.app-header h1,.k-instansi,.k-instansi strong,.k-instansi h2,.k-instansi h3{color:#fff!important;}
.page-hdr p,.info-hero p,.app-header p,.profil-nik,.hero-greet .gnik,.hero-greet .gday,
.hero-chip,.k-instansi p,.k-instansi span{color:rgba(255,255,255,.94)!important;}
.profil-nik{font-size:.74rem;letter-spacing:.06em;}
.profil-edit-hint{color:#fff!important;}
.hero,.page-dashboard .hero{color:#fff;}
.logo-wrap .nm,.logo-wrap .ver,.hero-greet .gname,.hero-greet .gname span{color:#fff!important;}
.hero-chip{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.3)!important;}
.hero-chip i{color:#fff!important;}
.btn-hdr,.info-hero .back-btn{color:#fff!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:12px!important;}
.btn-hdr-del{color:#ffe4e6!important;background:rgba(190,18,60,.45)!important;border-color:rgba(255,255,255,.35)!important;}

/* 2) Tombol & tab aktif: putih di atas biru tua */
.ftab.on,.ktab.on,.tab.on,.berita-kat,.btn-primary,.btn-kirim,.btn-edit-save,.kf-btn,.act-btn-ulang,
.sip-bkn-btn-primary,.warga-sidebar-cta:not(.active){
    background:var(--grad-btn)!important;color:#fff!important;
}
.tabs{background:rgba(255,255,255,.96)!important;}
.tab{color:var(--m-soft)!important;}
.tab.on{color:#fff!important;}
.n-badge-baru{background:#dbeafe!important;color:#1d4ed8!important;}

/* 3) Teks sekunder di atas latar terang: abu-biru gelap, bukan abu pucat */
.ritem-no,.ritem-dt,.kcount,.app-banner-s,.chip-action .cs,.lay-sub,.berita-tgl,.berita-ringkas,
.kjbt,.sos-hint,.p3lbl,.ir-lbl,.mi-sub,.shc,.sl,.sheet-hdr .shc,.stat-card .lbl,.empty-state,
.empty-state p,.empty-state div,.nc-time,.nc-msg,.nc-body p,.page-dashboard .stat-card .sl,
.ritem-arr-hint,.mi-arr,.greeting-info .label,.quick-link .qsub,.sec-lbl span{color:var(--m-soft)!important;}
.sos-hint strong{color:#b91c1c!important;}
.ritem-arr-hint,.mi-arr{color:#64748b!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1;}
.divider,.link-text{color:var(--m-soft);}
.app-banner-s{color:var(--m-soft)!important;}

/* 4) Navigasi */
.app-nav .nav-item{color:var(--m-soft)!important;}
.app-nav .nav-item.active{color:#1d4ed8!important;}
.app-nav .nav-fab{color:#fff!important;}

/* 5) Sidebar desktop: panel biru tua + teks putih (sebelumnya putih di atas putih) */
.warga-sidebar{
    background:linear-gradient(180deg,#0f172a 0%,#1e3a8a 100%)!important;
    border-right:0!important;color:#fff!important;
}
.warga-sidebar-brand{border-bottom-color:rgba(255,255,255,.14)!important;}
.warga-sidebar-brand strong{color:#fff!important;}
.warga-sidebar-brand span{color:rgba(255,255,255,.82)!important;}
.warga-sidebar-link{color:rgba(255,255,255,.9)!important;}
.warga-sidebar-link:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;}
.warga-sidebar-link.active{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 3px 0 0 #38bdf8!important;}
.warga-sidebar-cta{color:#fff!important;}
.warga-sidebar-cta.active{background:#fff!important;color:#1e3a8a!important;}

/* 6) Status & kartu berwarna: pasangan warna gelap-di-atas-pastel */
.st-m{background:#fef3c7;color:#92400e!important;}
.st-p{background:#dbeafe;color:#1e40af!important;}
.st-s{background:#d1fae5;color:#065f46!important;}
.st-x{background:#e2e8f0;color:#334155!important;}
.st-t{background:#ffe4e6;color:#9f1239!important;}
.siap-bar{background:linear-gradient(135deg,#047857,#059669)!important;}
.siap-bar .st,.siap-bar .ss{color:#fff!important;}
.siap-bar .ss{opacity:.95;}

/* 7) SOS: merah lebih tua agar teks putih terbaca */
.sos-fab{background:#dc2626!important;color:#fff!important;}
.sos-fab span{font-size:.58rem!important;}
.sos-btn,.sos-btn .bl,.sos-btn .bs{color:#fff!important;}
.sos-btn .bs{opacity:1!important;}

/* 8) Judul pada latar terang selalu gelap */
.card h1,.card h2,.card h3,.info-card-title,.kname,.ritem-nm,.knm,.mi-nm,.ir-val,.sheet-hdr .shn,.svc-lbl,.dash-sec-title{color:var(--m-ink)!important;}

/* ==========================================================
   Penguat spesifisitas (menang atas aturan lama per-halaman)
   ========================================================== */
html body .ftab.on,html body .ktab.on,html body .tab.on,html body .berita-kat{
    background:var(--grad-btn)!important;color:#fff!important;
}
html body .btn-hdr,html body .info-hero .back-btn,html body .pg-hdr .back-btn,html body .back-a{
    color:#fff!important;background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.4)!important;
}
html body .btn-hdr-del{color:#fff!important;background:rgba(190,18,60,.6)!important;}
html body .siap-bar{background:linear-gradient(135deg,#065f46,#047857)!important;}
html body .siap-bar .st{color:#fff!important;}
html body .siap-bar .ss{color:#ecfdf5!important;}
html body .chip-action .cs,html body .chip-action .ct+.cs,html body .page-dashboard .chip-action .cs{color:var(--m-soft)!important;}

/* header detail pengajuan & SOS */
.pg-hdr{
    background:radial-gradient(420px 200px at 100% -20%,rgba(56,189,248,.25),transparent 60%),var(--grad-hero)!important;
    color:#fff!important;border-radius:0 0 var(--r-xl) var(--r-xl);
}
.pg-hdr h1,.pg-hdr h2,.pg-hdr p,.pg-hdr span{color:#fff!important;}
.sos-hero{background:linear-gradient(135deg,#7f1d1d,#b91c1c)!important;border-radius:0 0 var(--r-xl) var(--r-xl);}
.sos-hero h1,.sos-hero p{color:#fff!important;}
.sos-hero p{opacity:.95;}
.sos-btn{background:linear-gradient(145deg,#c62828,#7f1d1d)!important;}
.bcall{background:#d1fae5!important;color:#065f46!important;}
.gps-txt small,.gps-txt small#gpsSub,.p3lbl{color:var(--m-soft)!important;}
/* teks abu inline di JS/HTML (mis. "Gagal memuat data") */
[style*="#8a9bb5"],[style*="#7f90a9"],[style*="#a8b8cc"],[style*="#9aa8bd"]{color:var(--m-soft)!important;}

html body .ftab.on.on.on,html body .ktab.on.on.on,html body .tab.on.on.on{
    background:var(--grad-btn)!important;color:#fff!important;
}
html body .page-hdr,html body .info-hero,html body .profil-hero{
    background:radial-gradient(420px 200px at 100% -20%,rgba(56,189,248,.25),transparent 60%),var(--grad-hero)!important;
}
html body .btn-hdr,html body .btn-hdr.btn-hdr{background:rgba(15,23,42,.32)!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important;}
html body .btn-hdr-del{background:rgba(127,29,29,.7)!important;}