/* DIBANGUN OTOMATIS dari _kerja-fitur/fitur/ pakai bangun_fitur.py. Jangan edit di sini, edit sumbernya. */

/* ===================== g2.css ===================== */
/* ===== Gelombang 2 / batch 1 ===== */
.g2-clip{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 12px;border:1px dashed var(--ok);border-radius:12px;background:var(--ok-soft);color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.g2-clip em{margin-left:auto;font-style:normal;font-weight:800;color:var(--ok)}
.ch-att{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--card,#fff);font-size:18px;cursor:pointer;align-self:flex-end}
.ch-b .ch-img{display:block;max-width:220px;max-height:260px;border-radius:10px;object-fit:cover;margin:-2px -2px 4px}
.ch-b.m .ch-img{margin-left:auto}
.g2-kemb{margin:10px 0 2px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.g2-kh{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}
.g2-kh .money-in{flex:1;max-width:170px}
.g2-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.g2-chips button{border:1px solid var(--line);background:var(--bg,#f6f8f7);border-radius:999px;padding:6px 10px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.g2-chips button:active{transform:scale(.96)}

/* ===================== g2b.css ===================== */
/* ===== Gelombang 2 / batch 2 ===== */
.g2b-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--ok-soft);font-size:12.5px;line-height:1.45}
.g2b-endap{display:flex;align-items:center;justify-content:space-between;gap:10px}
.g2b-potong{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px dashed var(--ok);border-radius:12px;background:var(--ok-soft);color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.g2b-potong small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.g2b-potong:disabled{opacity:.6}
.g2b-jam{display:flex;flex-direction:row;gap:8px;align-items:flex-start;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.g2b-jam input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--ok)}.g2b-jam small{font-size:11.5px}
.g2b-muka{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 2px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);font:inherit;text-align:left;cursor:pointer}
.g2b-muka>span:first-child{font-size:20px}.g2b-muka b{display:block;font-size:14px}.g2b-muka small{color:var(--muted);font-size:12px}.g2b-muka em{margin-left:auto;font-style:normal;color:var(--muted)}
.g2b-pil{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.g2b-pil button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);font:inherit;text-align:left;cursor:pointer}
.g2b-pil button.on{border-color:var(--ok);background:var(--ok-soft)}
.g2b-pil b{font-size:15px}.g2b-pil span{font-size:17px;font-weight:900}.g2b-pil span small{font-size:11px;font-weight:600;color:var(--muted)}
.g2b-pil em{font-style:normal;font-size:12px;font-weight:800;color:var(--ok)}.g2b-pil i{font-style:normal;font-size:11.5px;color:var(--muted)}
.g2b-mk{display:flex;align-items:center;justify-content:space-between;gap:10px}.g2b-mk .bad{color:var(--bad)}

/* ===================== g3.css ===================== */
/* ===== Gelombang 3 / batch 3 ===== */
.g3-peglink{display:block;width:100%;margin-top:4px;border:0;background:none;color:var(--ok);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#fLogin.peg{border:1.5px dashed var(--ok);border-radius:14px;padding:12px}
.g3-peg.off{opacity:.6}.g3-ph{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
/* pegawai: sembunyiin yang khusus pemilik (server tetep nolak kalau dipaksa) */
body.peg [data-tab="rekap"],body.peg #btnTf,body.peg [data-push="hutang"] .untung,body.peg [data-push="transfer"],body.peg [data-push="mutasi"],body.peg [data-push="api"],body.peg [data-push="perangkat"],body.peg [data-push="setel"],
body.peg [data-push="profil"],body.peg [data-push="tg"],body.peg [data-push="undang"],body.peg [data-push="pegawai"],body.peg [data-push="game"],body.peg [data-push="level"],
body.peg [data-push="toko"],body.peg [data-push="template"],body.peg [data-push="voucher"],body.peg [data-push="ingat"],body.peg .kv.hl,body.peg #msCard,body.peg #g2bPotong,body.peg .g2b-jam,body.peg .g2b-muka,body.peg #tgtCard{display:none!important}
/* mode kasir */
.ks-no{font-size:30px;font-weight:900;text-align:center;letter-spacing:1px;padding:18px 10px;background:var(--card);border-radius:16px;min-height:72px}
.ks-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.ks-pad button{height:64px;border:1px solid var(--line);border-radius:16px;background:var(--card);font:inherit;font-size:26px;font-weight:800;cursor:pointer}
.ks-pad button:active{transform:scale(.96)}.ks-pad button.ok{background:var(--ok);color:#fff;border-color:var(--ok);font-size:20px}.ks-pad button.del{font-size:20px;color:var(--bad)}
.ks-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ks-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card);font:inherit;text-align:left;cursor:pointer}
.ks-item b{font-size:17px}.ks-item small{color:var(--muted);font-size:11.5px}.ks-item span{font-size:16px;font-weight:900;color:var(--ok);margin-top:4px}

/* ===================== g4.css ===================== */
/* ===== Gelombang 4 / batch 4 ===== */
/* alert yang dipakai batch 2 (antrian) & 3 (pegawai) tapi belum pernah didefinisiin */
.alert.a-warn{background:var(--warn-soft);color:#6b4100}.alert.a-warn .ic{background:#ffe3b0}
.alert.a-info{background:var(--info-soft);color:#1d3f8f}.alert.a-info .ic{background:#d6e2ff}
.g4-warn{margin:8px 0 6px;padding:10px 12px;border-radius:12px;background:var(--warn-soft);color:#6b4100;font-size:13px;line-height:1.45}
.g4-warn.bad{background:var(--bad-soft);color:var(--bad)}
.g4-hint{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--ok-soft);font-size:12.5px}.g4-hint .bad{color:var(--bad);font-weight:700}
.g4-tt{margin-top:10px}
.g4-tap{cursor:pointer}.g4-tap:active{background:var(--line2)}
button.row.g4-tap{width:100%;border:0;background:none;font:inherit;text-align:left}
.g4-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.g4-grid>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.g4-grid small{display:block;color:var(--muted);font-size:11.5px}.g4-grid b{font-size:17px}.g4-grid .bad{border-color:var(--bad);background:var(--bad-soft)}.g4-grid .bad b{color:var(--bad)}
.g4-sum{display:flex;align-items:center;justify-content:space-between;gap:10px}.g4-sum small{display:block;color:var(--muted);font-size:12px}.g4-sum b{font-size:22px}
.g4-trh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.g4-tr.done,.g4-hl.done{opacity:.55}
.g4-tr .acts,.g4-hl .acts{margin-top:10px}
/* pill status yang dipakai chat CS & batch 4 tapi belum ada warnanya */
.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--info-soft);color:var(--info)}

/* ===================== g5.css ===================== */
/* ===== Gelombang 5 / batch 5 ===== */
.g5-bi{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);font:inherit;font-size:13.5px;line-height:1.4;text-align:left;cursor:pointer}
.g5-bi>span:first-child{font-size:20px;flex:none}.g5-bi em{margin-left:auto;font-style:normal;color:var(--muted)}
.g5-bi.a{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:var(--ok-soft)}

/* ===================== g6.css ===================== */
/* ===== Gelombang 6 / batch 6 ===== */
.g6-q{display:flex;flex-wrap:wrap;gap:8px}
.g6-q button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.g6-q button.on{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}
.g6-a{margin-top:12px;padding:12px;border-radius:14px;background:var(--ok-soft)}.g6-a p{margin:0 0 6px;font-size:14px;line-height:1.5}
.g6-a .kv{background:var(--card);border-radius:10px;padding:8px 10px;margin-top:6px;align-items:center}
.g6-url{word-break:break-all;font-size:12px;background:var(--line2);border-radius:10px;padding:10px}
.g6-tok{border:1.5px solid var(--ok)}
.g6-snip{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.g6-snip span{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--muted)}
.g6-snip code{font-size:11px;word-break:break-all;background:var(--line2);border-radius:8px;padding:8px}
.g6-mic.on{background:var(--bad-soft);border-color:var(--bad);animation:g6nyala 1s ease-in-out infinite}
@keyframes g6nyala{50%{transform:scale(1.08)}}
.pk.g6-pas,.prow.g6-pas{outline:2.5px solid var(--brand,#0E7A55);outline-offset:-2.5px;position:relative}
.pk.g6-pas::after,.prow.g6-pas::after{content:"🎤 cocok";position:absolute;top:6px;right:8px;font-size:10.5px;font-weight:800;background:#C8F26B;color:#123;border-radius:99px;padding:1px 7px}

/* ===================== g7.css ===================== */
/* Gelombang 7 / batch 7 */
.g7-big{margin:8px 0 4px}.g7-big b{font-size:30px;display:block;color:var(--brand,#0E7A55);line-height:1.15}.g7-big small{color:var(--muted)}
.g7-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:110px;margin:14px 0 6px}
.g7-bar>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.g7-bar i{display:block;width:100%;max-width:30px;border-radius:7px 7px 3px 3px;background:var(--line2,#e3eae6);min-height:3px}.g7-bar i.on{background:var(--brand,#0E7A55)}
.g7-bar small{font-size:11px;color:var(--muted)}
.g7-f{display:block;margin-top:12px}.g7-f input{margin-top:4px}
.g7-cek{display:flex;align-items:center;gap:10px;margin:12px 0 6px;font-weight:600}.g7-cek input{width:20px;height:20px;accent-color:var(--brand,#0E7A55);flex:none}
.g7-list{margin-top:10px}
.g7-bch{display:flex;align-items:center;justify-content:space-between;gap:12px}.g7-bch span{display:flex;flex-direction:column;min-width:0}.g7-bch .btn{flex:none}
.g7-jd{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line2)}.g7-jd .grow{display:flex;flex-direction:column;min-width:0}
.g7-jd small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g7-jam{flex-wrap:wrap}

/* ===================== g8.css ===================== */
/* Gelombang 8 / batch 8 */
.g8-f{display:block;margin-top:12px}.g8-f input{margin-top:4px}
.g8-gros{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--brand,#0E7A55);text-align:center}
.g8-emas{display:flex;flex-direction:column;gap:2px;background:linear-gradient(120deg,#ffb703,#fb8500);color:#2b1700;border-radius:18px;padding:12px 16px;margin-bottom:12px;cursor:pointer;box-shadow:0 6px 18px rgba(251,133,0,.25);animation:g8kedip 2.4s ease-in-out infinite}
.g8-emas>b{font-size:13px;letter-spacing:1.5px}.g8-emas span{font-size:14px}
@keyframes g8kedip{50%{box-shadow:0 6px 26px rgba(251,133,0,.5)}}
body.tenang .g8-emas{animation:none}
.g8-ultah{display:flex;gap:12px;align-items:center;background:linear-gradient(120deg,#fff4d6,#ffe0ef);border:1.5px solid #ffd27a;border-radius:18px;padding:12px 16px;margin-bottom:12px;color:#5a3a00}
.g8-ultah .e{font-size:30px}.g8-ultah span{display:flex;flex-direction:column}.g8-ultah small{color:#7a5a20}
body.dk-ultah .hero-band{background:linear-gradient(135deg,#0A5C40 0%,#0E7A55 55%,#c99a2e 100%)}
.g8-duel .g8-vs{display:flex;align-items:center;justify-content:space-around;text-align:center;margin:6px 0}
.g8-vs b{display:block;font-size:34px;line-height:1.1;color:var(--brand,#0E7A55)}.g8-vs small{color:var(--muted);font-weight:700}.g8-vs>span{font-weight:800;color:var(--muted)}
.g8-kode{font-size:30px;font-weight:800;letter-spacing:6px;text-align:center;background:var(--line2,#eef2f0);border-radius:14px;padding:10px;margin:6px 0}
.g8-url{word-break:break-all;background:var(--line2,#eef2f0);border-radius:12px;padding:10px 12px;font-size:13px;margin:10px 0}
.g8-nilai{flex-wrap:wrap}
.g8-kl{display:flex;flex-direction:column}.g8-ki{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line2)}
.g8-ki .grow{display:flex;flex-direction:column;min-width:0}.g8-ki small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g8-ki .pill{display:inline-block;font-size:11px}
.g8-lupa{display:block;margin:4px auto 0;background:none;border:0;color:var(--brand,#0E7A55);font-weight:700;font-size:14px;padding:6px}
body.hemat *{animation:none!important;transition:none!important}body.hemat #carou,body.hemat #stories,body.hemat .story img{display:none!important}

/* ===================== g9.css ===================== */
/* Gelombang 9 / P1 */
.g9-head{display:flex;align-items:center;gap:14px;margin:6px 0 10px}.g9-head small{display:block}
.g9-ring{width:92px;height:92px;flex:none;color:var(--ink,#1b2a24)}
.g9-k{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px;padding:5px 0;font-size:13px}.g9-k span{color:var(--muted)}
.g9-k i{display:block;height:8px;border-radius:99px;background:var(--line2,#e3eae6);overflow:hidden}.g9-k i b{display:block;height:100%;border-radius:99px}
.g9-tips{background:var(--line2,#eef2f0);border-radius:14px;padding:10px 14px;margin:12px 0 8px;font-size:13.5px}.g9-tips p{margin:4px 0 0}
.g9-f{display:block;margin-top:12px}.g9-f input{margin-top:4px}
.g9-merah{background:#c42b2b;color:#fff}
.g9-ilang{display:block;margin:0 auto;background:none;border:0;color:var(--bad,#c42b2b);font-weight:700;font-size:13.5px;padding:4px}

/* ===================== g10.css ===================== */
/* Gelombang 10 / P2 */
.g10-q{width:100%;box-sizing:border-box;margin:10px 0 6px}
.g10-l{max-height:55vh;overflow:auto}
.g10-it{border-bottom:1px solid var(--line2);padding:10px 2px}.g10-it summary{font-weight:700;cursor:pointer;list-style:none}.g10-it summary::-webkit-details-marker{display:none}
.g10-it summary:before{content:"›";display:inline-block;margin-right:8px;color:var(--brand,#0E7A55);transition:transform .15s}.g10-it[open] summary:before{transform:rotate(90deg)}
.g10-a{font-size:14px;color:var(--ink2,#3d4c46);margin:8px 0 0 16px;line-height:1.55}.g10-ok{display:block;margin-top:8px;font-size:12.5px;padding:0;background:none;border:0;color:var(--brand,#0E7A55);font-weight:700}

/* ===================== g11.css ===================== */
/* ===== Gelombang 11 / P3: trx offline, korporat, brand ===== */
#homeAlerts .g11-off{margin:0}
.g11-off{background:var(--warn-soft,#fff3dd);border:1px solid #f1d7a6;border-radius:var(--r,16px);padding:10px 12px;margin:0 0 12px;display:grid;gap:6px}
.g11-oh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.g11-oh b{font-size:14px;white-space:nowrap}.g11-oh small{color:var(--muted);font-size:12px;text-align:right}
.g11-oi{display:flex;align-items:center;gap:6px;background:var(--card,#fff);border-radius:12px;padding:7px 8px 7px 10px}.g11-oi>span{flex:1;min-width:0;font-size:13px}
.g11-oi small{display:block;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g11-oi .btn.sm{padding:6px 10px;min-height:0}
.g11-ks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.g11-ks div{background:var(--sunk,#f4f5f7);border-radius:12px;padding:8px 10px}
.g11-ks small{display:block;color:var(--muted);font-size:11.5px}.g11-ks b{font-size:15px;font-variant-numeric:tabular-nums}
.g11-warn{background:var(--bad-soft,#fdeaea);color:var(--bad,#c42b2b);border-radius:12px;padding:9px 11px;font-size:12.5px;margin-bottom:8px}.g11-warn .link{color:inherit;font-weight:800}
.g11-promo{background:var(--red-soft,#E8F4EC);color:var(--red-ink,#08503A);border-radius:12px;padding:9px 11px;font-size:12.5px;font-weight:600;margin-bottom:8px}
.g11-kl{display:grid;gap:4px;margin:6px 0 10px;max-height:46vh;overflow:auto}
.g11-kr{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line2,#f0f1f4);padding:8px 2px;font:inherit;color:inherit;cursor:pointer}
.g11-kr.off{opacity:.45}.g11-kr>span:nth-child(2){flex:1;min-width:0}.g11-kr small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g11-kr em{font-style:normal;color:var(--muted)}
.g11-kst{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:var(--sunk,#f4f5f7);color:var(--muted);flex:none}
.g11-sok{background:var(--ok-soft,#e5f5ec);color:var(--ok,#0f8a4f)}.g11-spr{background:var(--info-soft,#e8efff);color:var(--info,#2556c4)}.g11-sgl{background:var(--bad-soft,#fdeaea);color:var(--bad,#c42b2b)}
.g11-kf{display:grid;gap:8px;background:var(--sunk,#f4f5f7);border-radius:14px;padding:12px}.g11-kf input,.g11-kf select{width:100%;box-sizing:border-box}
.g11-tg{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}.g11-tg select{width:auto;min-width:76px}
.g11-imp{margin-top:10px;font-size:13px}.g11-imp summary{cursor:pointer;font-weight:700;color:var(--red,#0E7A55)}.g11-imp textarea{width:100%;box-sizing:border-box;margin:6px 0;font:12.5px/1.4 ui-monospace,Menlo,monospace}
.g11-inv{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line2,#f0f1f4);color:inherit;text-decoration:none}.g11-inv span{color:var(--red,#0E7A55);font-size:13px;font-weight:700}
.g11-prev{display:flex;align-items:center;gap:10px;border-radius:16px;padding:14px;color:#fff;margin-bottom:6px;transition:background .2s}
.g11-prev .logo-l{width:34px;height:34px;border-radius:10px;background:#fff3;display:grid;place-items:center;font-weight:800}.g11-prev b{font-size:17px}
.g11-w{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.g11-w button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line,#e7e9ee);cursor:pointer;padding:0}
.g11-w button.on{box-shadow:0 0 0 2.5px var(--ink,#141821)}.g11-wc{width:32px;height:32px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line,#e7e9ee);position:relative;background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red)}
.g11-wc input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}

/* ===================== g12.css ===================== */
/* ===== Gelombang 12: klaim promo ===== */
.g12-row{display:flex;gap:8px;margin:12px 0 10px}.g12-row input{flex:1;min-width:0;font-size:17px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.g12-pv{display:flex;align-items:center;gap:12px;background:var(--red-soft,#E8F4EC);color:var(--red-ink,#08503A);border-radius:16px;padding:14px;margin-bottom:12px;min-height:24px}
.g12-pv.bad{background:var(--bad-soft,#fdeaea);color:var(--bad,#c42b2b);font-size:13.5px;font-weight:600}
.g12-pv b{display:block;font-size:16px}.g12-pv small{display:block;font-size:13px;opacity:.9}.g12-pv em{display:block;font-style:normal;font-size:12.5px;margin-top:3px;color:var(--bad,#c42b2b);font-weight:700}
.g12-ic{font-size:30px;line-height:1}
.alert.g12-al{background:linear-gradient(120deg,var(--red-soft,#E8F4EC),#f3fbe2);border:1px solid #cfe9d9;cursor:pointer;position:relative;padding-right:40px}
.alert.g12-al b{color:var(--red-ink,#08503A)}.g12-x{position:absolute;right:8px;top:8px;border:0;background:none;color:var(--muted);font-size:15px;padding:6px;cursor:pointer}

/* 158/159/160/163/164/167/168 */
.g12-hl{display:grid;gap:6px;max-height:52vh;overflow:auto}.g12-hi{display:flex;align-items:center;gap:6px;background:var(--sunk,#f4f5f7);border-radius:12px;padding:9px 8px 9px 12px}
.g12-hi>span{flex:1;min-width:0}.g12-hi small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.g12-hi em{display:block;font-style:normal;font-size:12px;font-weight:700;color:var(--warn,#b26700)}
.g12-hi em.bad{color:var(--bad,#c42b2b)}.g12-hi em.ok{color:var(--ok,#0f8a4f)}.g12-hi>em{white-space:nowrap}.g12-hi.done{opacity:.5}.g12-hi .btn.sm{padding:6px 10px;min-height:0}
.g12-x2{border:0;background:none;color:var(--muted);font-size:14px;padding:6px;cursor:pointer}
.g12-ps{font-size:12.5px;color:var(--red-ink,#08503A);background:var(--red-soft,#E8F4EC);border-radius:10px;padding:7px 10px;margin-top:6px}.g12-ps small{color:var(--muted)}.g12-ps .link{font-weight:800}
.g12-pl{display:grid;gap:6px}.g12-pi{background:var(--sunk,#f4f5f7);border-radius:12px;padding:10px 12px}.g12-pi small{display:block;color:var(--muted);font-size:12px}
.g12-pi em{display:block;font-style:normal;font-size:12.5px;font-weight:700;margin-top:2px}.g12-pi em.bad{color:var(--bad,#c42b2b)}.g12-pi em.ok{color:var(--ok,#0f8a4f)}
/* kotak nomor di home */
.cek-in{position:relative;flex:1;min-width:0;display:flex}.cek-in input{flex:1;min-width:0;width:100%;padding-right:48px}
.cek-in .pick{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;font-size:18px}
.cek-in .pick:active{background:var(--red-soft,#E8F4EC)}
.cek-alat{display:flex;gap:8px;margin-top:-2px}.cek-alat[hidden]{display:none}.cek-alat .cek-chip{flex:1;justify-content:center;min-width:0}
.cek-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:99px;border:1px solid var(--line,#e7e9ee);background:#fff;color:var(--ink2,#3a4150);font:600 12.5px var(--f,system-ui);cursor:pointer;white-space:nowrap}
.cek-chip svg{width:16px;height:16px;flex:none;color:var(--red,#0E7A55)}.cek-chip:active{transform:scale(.97);background:var(--red-soft,#E8F4EC)}.cek-chip[hidden]{display:none}
.cek-chip.g6-mic.on{background:var(--bad-soft,#fdeaea);border-color:var(--bad,#c42b2b);color:var(--bad,#c42b2b);animation:none}.cek-chip.g6-mic.on svg{color:var(--bad,#c42b2b)}
.g12-ht{background:var(--bad-soft,#fdeaea);color:var(--bad,#c42b2b);border-radius:14px;padding:10px 12px;margin:0 0 10px;font-size:13.5px}.g12-ht small{display:block;color:#8c2a2a;font-size:12px;margin-top:2px}
.g12-lp{display:block;margin:10px auto 0;font-size:12.5px;color:var(--muted)}
.g12-bar{display:block;height:5px;border-radius:9px;background:var(--line,#e7e9ee);margin-top:5px;overflow:hidden}.g12-bar b{display:block;height:100%;background:var(--red,#0E7A55);border-radius:9px}
.g12-cb{background:var(--sunk,#f4f5f7);border-radius:14px;padding:12px;margin-top:10px}.g12-cb small{display:block;color:var(--muted);font-size:12px}.g12-cb .g12-row{margin:8px 0 0}
.g12-et{position:fixed;inset:0;z-index:9999;background:#0b2f24;color:#fff;display:flex;flex-direction:column;padding:24px 28px;font-family:var(--f,system-ui)}
.g12-etx{position:absolute;right:14px;top:12px;background:#fff2;border:0;color:#fff;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer}
.g12-eth{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-right:48px}.g12-eth b{font-size:clamp(22px,4vw,40px)}.g12-eth span{font-size:clamp(18px,3vw,30px);opacity:.8;font-variant-numeric:tabular-nums}
.g12-etb{flex:1;display:flex;gap:28px;margin-top:18px;min-height:0}.g12-etl{flex:1;transition:opacity .25s;overflow:hidden}
.g12-etk{display:inline-block;background:var(--lime,#C8F26B);color:#123;font-weight:800;border-radius:99px;padding:4px 14px;font-size:clamp(14px,2vw,20px);margin-bottom:10px}
.g12-etr{display:flex;justify-content:space-between;gap:16px;padding:clamp(6px,1.2vh,12px) 0;border-bottom:1px solid #ffffff22;font-size:clamp(16px,2.6vw,30px)}
.g12-etr b{white-space:nowrap}.g12-etr s{opacity:.55;font-weight:500;font-size:.75em}
.g12-etq{width:clamp(150px,26vw,300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.g12-etq svg{width:100%;height:auto;background:#fff;border-radius:16px;padding:8px}.g12-etq b{font-size:clamp(15px,2vw,22px)}.g12-etq small{opacity:.75;word-break:break-all}
@media (orientation:portrait){.g12-etb{flex-direction:column}.g12-etq{width:auto;flex-direction:row}.g12-etq svg{width:120px}}

.g12-pop{position:fixed;inset:0;z-index:9000;background:rgba(10,30,22,.55);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .25s}
.g12-pop.on{opacity:1}.g12-popc{position:relative;width:min(340px,100%);background:linear-gradient(160deg,#0A5C40,#0E7A55 55%,#16A06E);color:#fff;border-radius:26px;padding:26px 22px 20px;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.35);transform:scale(.88);transition:transform .35s cubic-bezier(.32,1.4,.5,1)}
.g12-pop.on .g12-popc{transform:none}.g12-popx{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:15px;cursor:pointer}
.g12-popi{font-size:60px;line-height:1;filter:drop-shadow(0 6px 10px #0005);animation:g12gy 1.6s ease-in-out infinite}.g12-popc small{display:block;margin-top:8px;color:var(--lime,#C8F26B);font-weight:800;letter-spacing:.03em}
.g12-popn{display:block;font-size:42px;line-height:1.1;margin:4px 0}.g12-popc p{margin:0 0 14px;opacity:.9;font-size:13.5px}
.g12-popk{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;background:#fff;color:#0A5C40;border:2px dashed #C8F26B;border-radius:14px;padding:11px 14px;margin-bottom:10px;cursor:pointer;font:inherit}
.g12-popk span{font-weight:800;font-size:15px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}.g12-popk em{font-style:normal;font-weight:800;font-size:13px;white-space:nowrap}
.g12-popc .btn.primary{background:var(--lime,#C8F26B);color:#123;border:0}
@keyframes g12gy{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.06)}}
@media (prefers-reduced-motion:reduce){.g12-popi{animation:none}}

/* ikon "ambil dari kontak": buku kontak (lebih dikenal dari ☎), warna brand (ikut white-label) */
.pick{font-size:0!important;color:var(--red,#0E7A55)}
.pick::before{content:"";display:block;width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M7 1.5h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zM7 21h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zM7.5 4.5h9A2.5 2.5 0 0 1 19 7v10a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 17V7a2.5 2.5 0 0 1 2.5-2.5zM12 7.4a2.6 2.6 0 1 1 0 5.2a2.6 2.6 0 1 1 0-5.2zM7.8 17c.3-2.2 2.1-3.6 4.2-3.6s3.9 1.4 4.2 3.6z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M7 1.5h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zM7 21h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zM7.5 4.5h9A2.5 2.5 0 0 1 19 7v10a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 17V7a2.5 2.5 0 0 1 2.5-2.5zM12 7.4a2.6 2.6 0 1 1 0 5.2a2.6 2.6 0 1 1 0-5.2zM7.8 17c.3-2.2 2.1-3.6 4.2-3.6s3.9 1.4 4.2 3.6z%22/%3E%3C/svg%3E") center/contain no-repeat}

/* ===================== g13.css ===================== */
/* Gelombang 13: kartu "Segera hadir" + sheet daftar tunggu */
.g13-seg .pg .tag.g13-ok{background:var(--red,#0E7A55);color:#fff}
.g13-sh{text-align:center;padding:4px 4px 0}
.g13-sh .eyebrow{margin-top:12px}
.g13-ic{width:64px;height:64px;border-radius:20px;display:inline-grid;place-items:center;background:var(--tint);color:var(--acc)}
.g13-ic svg{width:34px;height:34px}
.g13-j{display:block;font-size:19px;margin:4px 0 6px}
.g13-sh p.muted{margin:0 0 16px;line-height:1.5}
.g13-sh #g13N{margin-top:10px}
body.tenang .g13-seg{display:none}
.g13-nt{background:#fff;border:1px solid var(--line);position:relative;padding-right:36px}
.g13-nt .ic{background:var(--red-soft,#E8F4EC);color:var(--red,#0E7A55)}
.g13-nt .ic svg{width:22px;height:22px}
.g13-ntt{flex:1;min-width:0}
.g13-ntt>span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.g13-nt .btn.sm{flex:none;padding:8px 12px}
#g13Hg{margin:-4px 0 12px}

/* ===================== seller.css ===================== */
/* Seller kilat: kembalian, link status, kerjaan hari ini, saran deposit */
.sel-kb,.sel-sl{display:flex;flex-direction:column;gap:8px}
.sel-kbr{display:flex;gap:10px;align-items:stretch}
.sel-kbr .money-in{flex:1;min-width:0}
.sel-kbo{flex:none;min-width:112px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background:var(--red-soft,#E8F4EC);border-radius:12px;padding:6px 12px}
.sel-kbo small{font-size:11px;color:var(--muted)}
.sel-kbo b{font-size:17px;color:var(--red-ink,#08503A)}
.sel-kbc{margin:0}
.sel-tg{background:#fff;border:1px solid var(--line);position:relative;padding-right:36px;cursor:pointer}
.sel-tg .ic{background:#FFF4D6;color:#8A5A00}
.sel-tg .ic svg,.sel-row .btn svg{width:20px;height:20px}
.sel-row .btn svg{width:16px;height:16px;margin-right:4px;vertical-align:-3px}
.sel-tgt{flex:1;min-width:0}
.sel-tgt>span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.sel-h{margin:16px 0 4px;font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sel-h small{font-weight:600;color:var(--muted);font-size:11.5px}
.sel-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line2,#F0F2EE)}
.sel-row .grow{flex:1;min-width:0}
.sel-row b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-row small{display:block;font-size:12px;color:var(--muted)}
.sel-row.done{opacity:.45}
.sel-dep{background:var(--red-soft,#E8F4EC);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--ink2,#2E3A33)}
.sel-depb{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.sel-depb .chip{background:#fff}
.sel-depb small{color:var(--muted);font-weight:600;margin-left:2px}
body.tenang .sel-tg{display:none}
.sel-kb .money-in input{border:0!important;outline:0!important;background:transparent;min-width:0;width:100%;height:46px}
.sel-qrl{position:fixed;inset:0;z-index:999;background:rgba(10,20,15,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;opacity:0;transition:opacity .2s}
.sel-qrl.on{opacity:1}
.sel-qrl>b{color:#fff;font-size:18px;text-align:center;max-width:340px}
.sel-qrl>span{color:#E8F4EC;font-size:13.5px;text-align:center;max-width:320px;line-height:1.45}
.sel-qrl>small{color:#C8F26B;font-size:12px}
.sel-qrb{background:#fff;border-radius:24px;padding:14px;width:min(78vw,340px);aspect-ratio:1}
.sel-qrb svg{width:100%;height:100%;display:block}
.sel-qrx{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:18px}
.sel-pv{background:#F2F5F1;border-radius:14px;padding:10px;margin:10px 0;display:flex;justify-content:center}
.sel-pv img{max-width:100%;max-height:52vh;border-radius:8px;box-shadow:0 6px 18px -8px rgba(0,0,0,.3)}
.sel-pm{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;font:inherit;color:inherit;cursor:pointer}
.sel-pm b{font-size:14.5px}
.sel-pm small{color:var(--muted);font-size:12.5px}
.sel-pm .chips{margin:6px 0 0}
#selSama+#dAgain{margin-top:0}

/* gelombang 3 */
.sel-bi{display:flex;gap:8px;overflow-x:auto;padding:8px 0 2px;align-items:center;scrollbar-width:none}.sel-bi[hidden]{display:none}.sel-bi::-webkit-scrollbar{display:none}
.sel-bi>small{flex:none;font-size:12px;color:var(--muted);font-weight:600}
.sel-bic{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px;border-radius:12px;border:1px solid var(--red,#0E7A55);background:var(--red-soft,#E8F4EC);color:var(--red-ink,#08503A);font:inherit;cursor:pointer;max-width:220px;text-align:left}
.sel-bic b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}.sel-bic span{font-size:11.5px;opacity:.85}.sel-bic:active{transform:scale(.97)}
.sel-hs{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap;vertical-align:middle}
.sel-hs.ok{background:#E8F4EC;color:#08503A}.sel-hs.warn{background:#FFF4D6;color:#8A5A00}.sel-hs.bad{background:#FDEAEA;color:#B3261E}.sel-hs.mut{background:#F0F2EE;color:#5F6B64}
#selHdN{margin:2px 0 8px}#selHdN .chip.on{background:var(--red,#0E7A55);color:#fff;border-color:var(--red,#0E7A55)}
.sel-sk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 6px}.sel-sk>div{background:var(--red-soft,#E8F4EC);border-radius:12px;padding:8px 10px;min-width:0}
.sel-sk small,.sel-sk span{display:block;font-size:11px;color:var(--muted)}.sel-sk b{display:block;font-size:15px;color:var(--red-ink,#08503A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-st .btn.sm{flex:none;height:34px;padding:0 10px;font-size:12.5px}.sel-st.low em{color:var(--bad,#c42b2b);font-weight:700;font-style:normal}.sel-st em{font-style:normal}
.sel-sa{margin:12px 0 6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.sel-sa summary{font-weight:700;cursor:pointer}
.sel-sa[open]>*+*{margin-top:10px}.sel-s3{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:10px 0}

/* gelombang 4 */
#selBK input.selBKi{font-family:var(--mono,ui-monospace,monospace)}#selHdP{font-size:14px}
.menu-sw.sel-cd{margin:0}

/* gelombang 5 */
.sel-mu{position:relative;color:#fff;background:linear-gradient(135deg,var(--mw,#0E7A55),#1b1b1b);border:0;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.sel-mu:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}
.sel-mu small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ma,#FFE9A8)}.sel-mu b{font-size:17px}.sel-mu span{font-size:13px;opacity:.9}
.sel-mub{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.sel-mub button{font:inherit;font-size:13px;font-weight:700;padding:8px 12px;border-radius:99px;border:0;background:var(--ma,#FFE9A8);color:#1b1b1b;cursor:pointer}
.sel-mux{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;z-index:1}
.sel-wr{position:fixed;inset:0;z-index:9999;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;transition:background .4s;cursor:pointer;user-select:none}
.sel-wrb{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:4px}.sel-wrb i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3)}.sel-wrb i.on{background:#fff}
.sel-wrx{position:absolute;top:26px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.2);color:#fff;font-size:16px;cursor:pointer}
.sel-wrc{display:flex;flex-direction:column;gap:8px;animation:selWr .45s ease}.sel-wrc small{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.sel-wrc b{font-size:clamp(40px,13vw,72px);line-height:1.05;font-weight:900}.sel-wrc span{font-size:20px;font-weight:700}.sel-wrc em{font-style:normal;font-size:16px;opacity:.9;max-width:320px}
.sel-wrn{position:absolute;bottom:28px;opacity:.7}.sel-wrs{position:absolute;bottom:28px;left:24px;right:24px;background:#fff;color:#1b1b1b}
@keyframes selWr{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* gelombang 7 */
.sel-scn{position:fixed;inset:0;z-index:9999;background:rgba(10,20,15,.6);display:flex;align-items:center;justify-content:center}
.sel-scnb{background:#fff;border-radius:20px;padding:22px 26px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:220px}
.sel-scnb i{width:46px;height:46px;border-radius:12px;border:3px solid var(--red,#0E7A55);position:relative;overflow:hidden}
.sel-scnb i:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--red,#0E7A55);animation:selScn 1.1s ease-in-out infinite alternate}
@keyframes selScn{from{top:4px}to{top:36px}}.sel-scnb small{color:var(--muted);font-size:12.5px}
.sel-kol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px}.sel-kol>div{aspect-ratio:3/4;border-radius:14px;background:#EEF0EC;color:#9AA29C;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:8px;border:2px dashed #D9DED6}
.sel-kol>div.on{background:linear-gradient(160deg,var(--kw),#1b1b1b);color:#fff;border:0;box-shadow:0 8px 18px rgba(0,0,0,.15)}.sel-kol i{font-style:normal;font-size:28px;font-weight:900}.sel-kol b{font-size:12.5px}
.sel-pb{height:10px;border-radius:99px;background:#EEF0EC;overflow:hidden;margin:6px 0 10px}.sel-pb i{display:block;height:100%;background:var(--red,#0E7A55);border-radius:99px}

/* kamera scan ala aplikasi PLN */
.sel-cam{position:fixed;inset:0;z-index:9998;background:#000;display:flex;flex-direction:column;color:#fff}
.sel-cam header{display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top,0px)) 8px 10px;background:#fff;color:#111}
.sel-cam header b{flex:1;font-size:19px;margin-left:6px}.sel-cam header button{width:44px;height:44px;border:0;background:none;color:#111;display:grid;place-items:center;cursor:pointer;border-radius:50%}
.sel-cam header svg{width:26px;height:26px}.sel-camv{position:relative;flex:1;overflow:hidden}.sel-camv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sel-camk{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:84%;border:3px solid #FFE600;border-radius:6px;box-shadow:0 0 0 200vmax rgba(0,0,0,.5)}
.sel-camk.w{aspect-ratio:4/1}.sel-camk.k{aspect-ratio:4/3}
.sel-camk s{position:absolute;width:22px;height:22px;border:5px solid #FFE600}.sel-camk s:nth-child(1){left:-8px;top:-8px;border-right:0;border-bottom:0}.sel-camk s:nth-child(2){right:-8px;top:-8px;border-left:0;border-bottom:0}
.sel-camk s:nth-child(3){left:-8px;bottom:-8px;border-right:0;border-top:0}.sel-camk s:nth-child(4){right:-8px;bottom:-8px;border-left:0;border-top:0}
.sel-camt{position:absolute;left:-20px;right:-20px;bottom:100%;margin:0 0 16px;text-align:center;font-weight:700;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.7);color:#fff}
.sel-camz{position:absolute;left:12%;right:12%;bottom:22px;width:76%;accent-color:#0E7A55}
.sel-cam footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px calc(22px + env(safe-area-inset-bottom,0px));background:#000}
.sel-camx{border:0;background:none;color:#fff;font:600 16px system-ui;cursor:pointer;min-width:90px;text-align:left}
.sel-cams{width:78px;height:78px;border-radius:50%;border:5px solid #fff;background:none;padding:5px;cursor:pointer}.sel-cams i{display:block;width:100%;height:100%;border-radius:50%;background:#0E7A55}
.sel-cams:active i{transform:scale(.9)}.sel-camf{min-width:90px;border:0;background:none;color:#fff;display:flex;justify-content:flex-end;cursor:pointer}.sel-camf svg{width:28px;height:28px}.sel-camf.on{color:#FFE600}
.sel-camf.mati{opacity:.45}.sel-cam.jepret .sel-camv:after{content:"";position:absolute;inset:0;background:#fff;animation:selJp .18s ease-out}
@keyframes selJp{from{opacity:.9}to{opacity:0}}
.sel-camh{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;z-index:2}
.sel-camhb{background:#fff;color:#111;width:100%;max-height:88%;overflow:auto;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.sel-camhb>b{font-size:19px;display:block;margin-bottom:14px}.sel-camex{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.sel-camex>div{position:relative;border-radius:12px;border:4px solid #2EB872;overflow:visible}.sel-camex>div.no{border-color:#E5484D}.sel-camex svg{display:block;width:100%;border-radius:8px}
.sel-camex i{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#2EB872;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;border:3px solid #fff}
.sel-camex .no i{background:#E5484D}.sel-camhb ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.sel-camhb li{position:relative;padding-left:30px;font-size:15px;line-height:1.45;color:#333}.sel-camhb li:before{content:"✓";position:absolute;left:4px;top:0;color:#0E7A55;font-weight:900}.sel-camhb li b{color:#0B6E70}
/* 282 bacain token */
.sel-bc{position:fixed;inset:0;z-index:9998;background:var(--bg,#F7F8F4);display:flex;flex-direction:column;color:var(--ink,#0F1B14);padding-bottom:env(safe-area-inset-bottom)}
.sel-bc header{display:flex;align-items:center;gap:10px;padding:12px 12px 6px}
.sel-bc header>div{flex:1;min-width:0;display:flex;flex-direction:column}.sel-bc header b{font-size:17px}.sel-bc header small{font-size:12.5px;color:var(--muted,#5F6B64)}
.sel-bc header button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line,#E6EAE3);background:#fff;color:inherit;display:grid;place-items:center}
.sel-bc header svg,.sel-bcc svg{width:22px;height:22px}
.sel-bcg{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 16px;overflow:auto;justify-content:center}
.sel-bcg button{display:flex;align-items:center;gap:14px;border:1px solid var(--line,#E6EAE3);background:#fff;color:inherit;border-radius:16px;padding:10px 16px;font:inherit;transition:background .15s,transform .15s}
.sel-bcg button small{width:26px;height:26px;border-radius:50%;background:var(--line,#E6EAE3);display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.sel-bcg button b{font-size:clamp(34px,11vw,52px);letter-spacing:.12em;font-weight:800;line-height:1.1}
.sel-bcg button.on{background:#0E7A55;border-color:#0E7A55;color:#fff;transform:scale(1.02)}.sel-bcg button.on small{background:rgba(255,255,255,.22)}
.sel-bcg button.ud{opacity:.45}
.sel-bch{text-align:center;font-size:13px;color:var(--muted,#5F6B64);margin:4px 16px 0}
.sel-bcc{display:flex;justify-content:center;align-items:center;gap:22px;padding:12px 0 6px}
.sel-bcc button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line,#E6EAE3);background:#fff;color:inherit;display:grid;place-items:center}
.sel-bcc .sel-bcm{width:68px;height:68px;background:#0E7A55;border-color:#0E7A55;color:#fff}.sel-bcc .sel-bcm svg{width:28px;height:28px}
.sel-bco{display:flex;justify-content:center;gap:8px;padding:4px 16px 14px}
.sel-bco button{display:flex;align-items:center;gap:7px;font:inherit;font-size:13.5px;padding:8px 12px;border-radius:999px;border:1px solid var(--line,#E6EAE3);background:#fff;color:inherit}
.sel-bco i{width:30px;height:18px;border-radius:9px;background:#C9CFC6;position:relative;transition:background .15s}.sel-bco i:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.sel-bco i.on{background:#0E7A55}.sel-bco i.on:after{left:14px}
.sel-bcB svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
/* gelombang 9: alat HP */
.sel-gbv{position:fixed;left:0;bottom:0;width:2px;height:2px;opacity:0;pointer-events:none}
#selGb.on{background:#0E7A55;color:#fff;border-color:#0E7A55}
.sel-ctS{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 0}.sel-ctS svg,#selCtD svg,#selCtW svg,#nfTp svg{width:18px;height:18px}
#selCtD{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.sel-alat{border:1px solid var(--line,#E6EAE3);border-radius:16px;padding:12px;margin-top:10px;background:#fff}
.sel-alh{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.sel-alh>svg{width:22px;height:22px;flex:none;color:#0E7A55;margin-top:2px}
.sel-alh span{display:flex;flex-direction:column;min-width:0}.sel-alh b{font-size:15px}.sel-alh small{font-size:12.5px;color:var(--muted,#5F6B64);line-height:1.4}
.sel-alat .btn-row{flex-wrap:wrap;gap:6px}
.sel-seg{display:inline-flex;border:1px solid var(--line,#E6EAE3);border-radius:10px;overflow:hidden;margin-top:8px}
.sel-seg button{font:inherit;font-size:13px;padding:6px 14px;border:0;background:#fff;color:inherit}.sel-seg button.on{background:#0E7A55;color:#fff}
.sel-sw{display:flex;align-items:center;gap:10px;padding:8px 0 4px;cursor:pointer}.sel-sw span{display:flex;flex-direction:column}.sel-sw small{font-size:12px;color:var(--muted,#5F6B64)}
.sel-sw input{position:absolute;opacity:0;pointer-events:none}.sel-sw i{width:40px;height:24px;border-radius:12px;background:#C9CFC6;position:relative;flex:none;transition:background .15s}
.sel-sw i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.sel-sw input:checked+i{background:#0E7A55}.sel-sw input:checked+i:after{left:19px}
.sel-row2{display:flex;gap:8px}.sel-row2 input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line,#E6EAE3);border-radius:12px;background:#fff;color:inherit}
.sel-pre{white-space:pre-wrap;font-size:13px;background:var(--bg2,#F2F4EF);border-radius:12px;padding:10px 12px;margin:10px 0;max-height:220px;overflow:auto;font-family:ui-monospace,Menlo,monospace}
.sel-nfc{position:fixed;inset:0;z-index:9998;background:rgba(15,27,20,.55);display:flex;align-items:flex-end;justify-content:center}
.sel-nfc>div{background:#fff;color:#0F1B14;width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:26px 20px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.sel-nfci{width:84px;height:84px;border-radius:50%;background:#E8F4EC;color:#0E7A55;display:grid;place-items:center;margin-bottom:6px;animation:selNf 1.6s ease-in-out infinite}.sel-nfci svg{width:40px;height:40px}
.sel-nfc b{font-size:18px}.sel-nfc small{font-size:13.5px;color:#5F6B64;margin-bottom:10px}@keyframes selNf{50%{box-shadow:0 0 0 14px rgba(14,122,85,.12)}}
#selMHp .mi svg{width:22px;height:22px}
/* baki alat di bawah kolom nomor: ikon di atas, label di bawah, lebar rata (enam alat gak numpuk lagi) */
#g12Alat.cek-alat{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;margin-top:4px}
#g12Alat.cek-alat[hidden]{display:none}
#g12Alat .cek-chip{flex-direction:column;justify-content:center;height:auto;min-height:58px;padding:9px 2px 8px;gap:5px;border-radius:14px;
  font:600 11.5px/1.1 var(--f,system-ui);min-width:0;overflow:hidden;background:#fff}
#g12Alat .cek-chip svg{width:21px;height:21px}
#g12Alat .cek-chip span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#g12Alat .cek-chip.on{background:#0E7A55;border-color:#0E7A55;color:#fff}#g12Alat .cek-chip.on svg{color:#fff}
@media (max-width:374px){#g12Alat.cek-alat{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}#g12Alat .cek-chip{min-height:52px}}
/* gelombang 10 */
.sel-offp{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(78px + env(safe-area-inset-bottom));z-index:9990;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);white-space:nowrap;pointer-events:none;
  background:#0F1B14;color:#fff;font-size:12.5px;font-weight:600;padding:7px 12px 7px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.sel-offp i{width:8px;height:8px;border-radius:50%;background:#F2B33D;flex:none}
.sel-btb{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(122px + env(safe-area-inset-bottom));z-index:9991;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);
  background:#0F1B14;color:#fff;font-size:13px;padding:8px 8px 8px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.sel-btb i{width:9px;height:9px;border-radius:50%;background:#E5484D;flex:none;animation:selBt 1.4s infinite}.sel-btb button{font:inherit;font-weight:700;font-size:13px;border:0;border-radius:999px;padding:6px 12px;background:#fff;color:#0F1B14}
@keyframes selBt{50%{opacity:.35}}
.sel-btk{font-size:40px;font-weight:800;letter-spacing:.14em;margin:10px 0 8px;color:#0E7A55}
.sel-bttj{position:fixed;z-index:9995;pointer-events:none;transform:translate(-50%,-50%)}
.sel-bttj i{display:block;width:46px;height:46px;border-radius:50%;border:4px solid #E5484D;background:rgba(229,72,77,.18);animation:selTj 1s ease-out infinite}
.sel-bttj span{position:absolute;left:50%;top:54px;transform:translateX(-50%);white-space:nowrap;background:#E5484D;color:#fff;font-size:13px;font-weight:700;padding:6px 10px;border-radius:10px;max-width:70vw;overflow:hidden;text-overflow:ellipsis}
@keyframes selTj{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:.2}}
#selMBt .mi svg{width:22px;height:22px}
/* gelombang 11 */
.sel-pfl{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto}
.sel-pfr{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#E6EAE3);border-radius:14px;padding:10px;background:#fff}.sel-pfr.off{background:var(--bg2,#F7F8F4)}
.sel-pfc{flex:none;width:24px}.sel-pfc input{position:absolute;opacity:0;pointer-events:none}.sel-pfc i{display:block;width:22px;height:22px;border-radius:7px;border:2px solid #C9CFC6;position:relative}
.sel-pfc input:checked+i{background:#0E7A55;border-color:#0E7A55}.sel-pfc input:checked+i:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.sel-pfm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sel-pfm b{font-size:15px}.sel-pfm small{font-size:12.5px;color:var(--muted,#5F6B64)}
.sel-pfm em{font-style:normal;font-size:12.5px;color:#0F1B14;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-pfr.off .sel-pfm em{color:#7A5A1E}
.sel-pfh{width:84px;flex:none;font-size:15px;font-weight:700;padding:8px;border:1px solid var(--line,#E6EAE3);border-radius:10px;text-align:right;background:#fff;color:inherit}
.sel-pfs{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 8px;border-radius:99px;margin-top:3px}.sel-pfs.y{background:#E8F4EC;color:#0A5C40}.sel-pfs.n{background:#FDEAEA;color:#A32020}.sel-pfs.w{background:#F3EDE4;color:#7A5A1E}
.sel-bk{border:1px solid var(--line,#E6EAE3);border-radius:14px;padding:6px 12px;margin:10px 0;background:#fff}.sel-bk div{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.sel-bk div+div{border-top:1px dashed var(--line,#E6EAE3)}
.sel-bk span{color:var(--muted,#5F6B64)}.sel-bk p{margin:4px 0 2px}
.sel-bkf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sel-bkf label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--muted,#5F6B64)}
.sel-bkf input,.sel-bkp input{font:inherit;font-size:15px;font-weight:700;padding:9px 10px;border:1px solid var(--line,#E6EAE3);border-radius:10px;background:#fff;color:#0F1B14;min-width:0;width:100%}
.sel-bkh{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.sel-bkh .btn svg{width:16px;height:16px}
.sel-bkp{display:flex;flex-direction:column;gap:6px}.sel-bkp div{display:grid;grid-template-columns:76px 40px 1fr 40px;gap:6px;align-items:center}.sel-bkp span{font-weight:700;font-size:14px}
.sel-bkp button{height:38px;border-radius:10px;border:1px solid var(--line,#E6EAE3);background:#fff;font-size:20px;font-weight:700;color:#0E7A55}.sel-bkp input{text-align:center}
.sel-bkr{border-radius:14px;overflow:hidden;margin:12px 0 10px;border:1px solid var(--line,#E6EAE3)}.sel-bkr div{display:flex;justify-content:space-between;padding:9px 12px;font-size:14.5px;background:#fff}
.sel-bkr div.y{background:#E8F4EC;color:#0A5C40;font-weight:700}.sel-bkr div.n{background:#FDEAEA;color:#A32020;font-weight:700}.sel-bkr div.p{background:#E9F0FB;color:#1D4E9E;font-weight:700}
.sel-bkw{margin-top:14px}.sel-bkw>div{display:grid;grid-template-columns:52px 1fr auto;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--line,#EEF1EC)}.sel-bkw em{font-style:normal;font-weight:700}
.sel-bkw em.y{color:#0A5C40}.sel-bkw em.n{color:#A32020}.sel-bkw em.p{color:#1D4E9E}
.sel-ahs{border-radius:14px;padding:10px 12px;margin:12px 0 8px;font-size:14px;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.sel-ahs small{width:100%;font-size:12px;opacity:.8}
.sel-ahs.y{background:#E8F4EC;color:#0A5C40}.sel-ahs.n{background:#FDEAEA;color:#A32020}
.sel-ahl{display:flex;flex-direction:column;max-height:40vh;overflow:auto;border:1px solid var(--line,#E6EAE3);border-radius:14px;background:#fff}
.sel-ahl>div{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line,#EEF1EC)}.sel-ahl span{display:flex;flex-direction:column;min-width:0}
.sel-ahl span b{font-size:14px}.sel-ahl small{font-size:12px;color:var(--muted,#5F6B64)}.sel-ahl em{font-style:normal;font-weight:800;font-size:14.5px;white-space:nowrap;text-align:right}
.sel-ahl s{display:block;font-size:11.5px;color:#9AA39C;font-weight:500}.sel-ahl i{font-style:normal;font-size:11.5px;margin-left:5px;padding:1px 6px;border-radius:99px;background:#EEF1EC}
.sel-ahl i.p{background:#E8F4EC;color:#0A5C40}.sel-ahl i.n{background:#FDEAEA;color:#A32020}
#selMBk .mi svg,#selMAh .mi svg,#selMTg .mi svg,#tgL svg{width:22px;height:22px}
/* yang baru + update */
.sel-bdot{position:absolute;top:4px;right:calc(50% - 18px)}
#infoTabs .sel-baru::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#E5484D;margin-left:6px;vertical-align:2px}
.sel-baru-c{padding:14px 14px 6px}.sel-bh{display:flex;flex-direction:column;margin-bottom:6px}.sel-bh b{font-size:17px}.sel-bh small{font-size:12.5px;color:var(--muted,#5F6B64)}
.sel-bg{border-top:1px solid var(--line,#EEF1EC);padding:8px 0}.sel-bg summary{list-style:none;display:flex;gap:10px;align-items:baseline;cursor:pointer}.sel-bg summary::-webkit-details-marker{display:none}
.sel-bg summary span{flex:none;font-size:12px;font-weight:800;color:#0E7A55;background:#E8F4EC;padding:3px 8px;border-radius:99px}.sel-bg summary b{font-size:14.5px}
.sel-bg ul{list-style:none;margin:8px 0 2px;padding:0;display:flex;flex-direction:column;gap:10px}.sel-bg li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}
.sel-bg li b{font-size:14px}.sel-bg li span{grid-column:1;font-size:13px;color:var(--ink2,#3a4150);line-height:1.4}.sel-bg li .btn{grid-column:2;grid-row:1/3}
.sel-upd{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(78px + env(safe-area-inset-bottom));z-index:9992;display:flex;align-items:center;gap:10px;border:0;
  background:#0E7A55;color:#fff;font:inherit;font-size:13.5px;padding:9px 10px 9px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.22);white-space:nowrap}
.sel-upd i{width:8px;height:8px;border-radius:50%;background:#C8F26B}.sel-upd b{background:#fff;color:#0E7A55;padding:5px 12px;border-radius:999px;font-size:13px}
/* 325 follow-up + versi */
body.sel-fu-on #g12Hb{display:none!important}
.sel-fuk .ic svg,#selMFu .mi svg,#selMVs .mi svg{width:22px;height:22px}
.sel-fus{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.sel-fus span{font-size:12.5px;background:#F2F4EF;border-radius:99px;padding:5px 10px;color:var(--muted,#5F6B64)}.sel-fus b{color:#0F1B14}
.sel-ful{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:48vh;overflow:auto}
.sel-fur{border:1px solid var(--line,#E6EAE3);border-radius:14px;padding:10px;background:#fff}.sel-fur.done{opacity:.55;background:var(--bg2,#F7F8F4)}
.sel-furh{display:flex;gap:10px;align-items:center;justify-content:space-between}.sel-furh span{display:flex;flex-direction:column;min-width:0}.sel-furh b{font-size:14.5px}
.sel-furh small{font-size:12px;color:var(--muted,#5F6B64)}.sel-furh em{font-style:normal;font-weight:700;color:#0A5C40;font-size:13px}.sel-furh .btn svg{width:16px;height:16px;margin-right:4px}
.sel-fup{width:100%;margin-top:8px;font:inherit;font-size:13.5px;line-height:1.4;padding:8px 10px;border:1px solid var(--line,#E6EAE3);border-radius:10px;background:#F7F8F4;color:#0F1B14;resize:vertical}
#fuGo svg{width:20px;height:20px}
.sel-fub{position:fixed;left:0;right:0;bottom:0;z-index:9993;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);padding:18px 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.sel-fub>div:first-child{display:flex;flex-direction:column;gap:2px}.sel-fub small{font-size:12px;color:var(--muted,#5F6B64);font-weight:700}.sel-fub b{font-size:18px}.sel-fub span{font-size:13.5px;color:var(--ink2,#3a4150)}
.sel-fub .btn{display:flex;align-items:center;justify-content:center;gap:8px}.sel-fub .btn svg{width:20px;height:20px}
.sel-fubr{display:flex;gap:8px}.sel-fubr button{flex:1;font:inherit;font-weight:600;padding:11px;border-radius:12px;border:1px solid var(--line,#E6EAE3);background:#fff;color:#0F1B14}

/* bar "lagi dengerin" (pesan suara) */
.sel-dg{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:9995;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:#fff;border:1px solid #D6EADF;border-radius:18px;box-shadow:0 12px 32px rgba(15,60,40,.18);max-width:560px;margin:0 auto;animation:selDgIn .25s ease both}
.sel-dg.out{animation:selDgOut .2s ease both}
.sel-dg .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sel-dg b{font-size:15px;color:#12261C;line-height:1.3}
.sel-dg small{font-size:13px;color:#5B6B63;line-height:1.4}
.sel-dg small.live{color:#0F7A4A;font-weight:700;font-size:14px}
.sel-dg-ic{flex:none;width:42px;height:42px;border-radius:50%;background:#0F7A4A;color:#fff;display:grid;place-items:center;position:relative}
.sel-dg-ic svg{width:20px;height:20px}
.sel-dg[data-st="dengar"] .sel-dg-ic::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #0F7A4A;opacity:.5;animation:selDgPulse 1.3s ease-out infinite}
.sel-dg[data-st="nyari"] .sel-dg-ic{background:#E7F4EC;color:#0F7A4A}
.sel-dg button{flex:none;border:0;background:#E7F4EC;color:#0F7A4A;font-weight:800;font-size:13px;padding:9px 12px;border-radius:12px}
@keyframes selDgIn{from{opacity:0;transform:translateY(12px)}}
@keyframes selDgOut{to{opacity:0;transform:translateY(12px)}}
@keyframes selDgPulse{from{transform:scale(.9);opacity:.6}to{transform:scale(1.35);opacity:0}}
/* toast: strip lebar, teks rata tengah, gak kepotong jadi kotak */
.toast{left:16px!important;right:16px!important;margin:0 auto;width:fit-content;max-width:min(560px,calc(100% - 32px))!important;transform:none!important;text-align:center;line-height:1.4;padding:12px 18px!important;animation:selToastIn .25s ease both!important}
@keyframes selToastIn{from{opacity:0;transform:translateY(12px)}}
/* layar nunggu cek nomor */
.sel-ng{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 16px 18px;background:#fff;border:1px solid #E3EEE7;border-radius:18px;margin-bottom:10px}
.sel-ng b{font-size:17px;color:#12261C;margin-top:6px}
.sel-ng-st{margin:6px 0 0;font-size:14px;color:#5B6B63;min-height:20px;transition:opacity .18s}
.sel-ng-st.ganti{opacity:0}
.sel-ng-art svg{width:120px;height:96px;display:block}
.sel-ng-art .hp{stroke:#0F7A4A;stroke-width:2.4;fill:#fff}
.sel-ng-art .br{stroke:#9CCBB0;stroke-width:2.4}
.sel-ng-art .w2,.sel-ng-art .w3{stroke:#0F7A4A;stroke-width:1.6;transform-origin:48px 48px;animation:selNgW 2s ease-out infinite}
.sel-ng-art .w3{animation-delay:.7s}
.sel-ng-art .lup{stroke:#0F7A4A;stroke-width:3;fill:#E7F4EC;animation:selNgLup 2.4s ease-in-out infinite}
.sel-ng-bar{width:min(220px,70%);height:4px;border-radius:4px;background:#E7F4EC;overflow:hidden;margin-top:14px}
.sel-ng-bar i{display:block;height:100%;width:40%;border-radius:4px;background:#0F7A4A;animation:selNgBar 1.4s ease-in-out infinite}
@keyframes selNgW{from{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.1)}}
@keyframes selNgLup{0%,100%{transform:translate(0,0)}25%{transform:translate(-14px,-10px)}50%{transform:translate(-22px,4px)}75%{transform:translate(-6px,-4px)}}
@keyframes selNgBar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
#P-cek.sel-ngecek #cats,#P-cek.sel-ngecek #cBud,#P-cek.sel-ngecek #cFilter,#P-cek.sel-ngecek #cValid{display:none}
@media (prefers-reduced-motion:reduce){.sel-ng-art *,.sel-ng-bar i,.sel-dg-ic::after{animation:none!important}}

/* 342 kamera scan: tombol kamera HP + cincin fokus */
.sel-camhp{position:absolute;left:50%;transform:translateX(-50%);bottom:58px;border:0;background:rgba(0,0,0,.45);color:#fff;font-weight:700;font-size:13px;padding:8px 14px;border-radius:20px;white-space:nowrap}
.sel-camfk{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border:2px solid #FFD84D;border-radius:50%;pointer-events:none;animation:selFk .9s ease-out both}
@keyframes selFk{0%{transform:scale(1.4);opacity:0}25%{transform:scale(1);opacity:1}100%{opacity:0}}

/* 341 keluarga */
.sel-klg{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6B7A72;margin:16px 0 8px}
.sel-klm{display:flex;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#FFF6E0;border:1px solid #F3DFA8;margin-bottom:8px}
.sel-klm .grow{flex:1;min-width:0;display:flex;flex-direction:column}.sel-klm b{font-size:14.5px}.sel-klm small{font-size:12.5px;color:#6B5A2E}
.sel-klr{border:1px solid #E3EAE5;border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}
.sel-klh{display:flex;align-items:center;gap:12px}.sel-klh>i{flex:none;width:40px;height:40px;border-radius:50%;background:#E7F4EC;color:#0F7A4A;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:17px}
.sel-klh .grow{flex:1;min-width:0;display:flex;flex-direction:column}.sel-klh b{font-size:15.5px}.sel-klh small{font-size:12.5px;color:#6B7A72}
.sel-kle{flex:none;border:0;background:none;color:#6B7A72;padding:8px}.sel-kle svg{width:18px;height:18px}
.sel-klb{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:10px}
.sel-klb button,.sel-klb a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid #DCEBE2;background:#F4FAF6;color:#0F7A4A;font:inherit;font-size:12.5px;font-weight:700;text-decoration:none}
.sel-klb svg{width:20px;height:20px}
.sel-klx{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:14px;background:#F4F6F3;font-size:12.5px;color:#4E5B54;line-height:1.45}.sel-klx svg{flex:none;width:20px;height:20px;color:#0F7A4A}.sel-klx b{display:block;color:#12261C;font-size:13.5px;margin-bottom:2px}
.sel-klf{display:block;margin-bottom:12px}.sel-klf span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.sel-klf small{font-weight:500;color:#6B7A72}
.sel-klk{background:#FFF6E0!important;border-color:#F3DFA8!important}
/* 343 bantu pilihin */
.sel-pih{background:#fff;border:1px solid #D6EADF;border-radius:16px;padding:10px;margin-bottom:10px}
.sel-pihr{display:flex;align-items:center;gap:8px}.sel-pihi{flex:none;color:#0F7A4A;display:grid;place-items:center}.sel-pihi svg{width:20px;height:20px}
.sel-pihr input{flex:1;min-width:0;border:0;background:#F4F6F3;border-radius:12px;padding:11px 12px;font:inherit;font-size:14.5px}
.sel-pim{flex:none;width:40px;height:40px;border-radius:12px;border:0;background:#E7F4EC;color:#0F7A4A;display:grid;place-items:center}.sel-pim svg{width:19px;height:19px}
.sel-pig{flex:none;height:40px;border:0;border-radius:12px;background:#0F7A4A;color:#fff;font:inherit;font-weight:800;font-size:13.5px;padding:0 14px}.sel-pig[disabled]{opacity:.6}
.sel-pihc{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:8px}.sel-pihc::-webkit-scrollbar{display:none}
.sel-pihc button{flex:none;border:1px solid #DCEBE2;background:#F4FAF6;color:#0F7A4A;font:inherit;font-size:12.5px;font-weight:700;padding:7px 11px;border-radius:999px}
.sel-pir{border-color:#BFE3CE;background:#F4FAF6}.sel-pirh{display:flex;align-items:center;gap:8px}.sel-pirh span{color:#0F7A4A;display:grid}.sel-pirh svg{width:18px;height:18px}
.sel-pirh b{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-pirh button{flex:none;border:0;background:#fff;color:#0F7A4A;font:inherit;font-weight:800;font-size:12.5px;padding:6px 10px;border-radius:10px}
.sel-pir>p{font-size:13.5px;color:#3D4A43;margin:6px 2px 8px;line-height:1.45}.sel-pir .pk{margin-top:8px}
.sel-pia{grid-column:1/3;display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:700;color:#0F7A4A}.sel-pia svg{flex:none;width:14px;height:14px}

/* 357 tukar pulsa */
.sel-tp{display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0F7A4A,#0A5C38);color:#fff}
.sel-tp div{flex:none;text-align:center}.sel-tp small{display:block;font-size:11.5px;opacity:.85}.sel-tp b{font-size:26px;letter-spacing:-.5px}.sel-tp span{font-size:13.5px;line-height:1.4}.sel-tp span b{font-size:inherit}
.sel-tpl{font-size:13px;font-weight:700;margin:4px 0 6px}
.sel-tpc{display:flex;flex-wrap:wrap;gap:6px}.sel-tpc button{border:1px solid #DCEBE2;background:#fff;color:#12261C;font:inherit;font-weight:700;font-size:13.5px;padding:9px 12px;border-radius:12px}
.sel-tpc button.on{border-color:#0F7A4A;background:#E7F4EC;color:#0F7A4A}
.sel-tpr{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#F4FAF6;margin:4px 0 12px}.sel-tpr span{font-size:13.5px;color:#4E5B54}.sel-tpr b{font-size:20px;color:#0F7A4A}
.sel-tpd b,.sel-tpn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0F7A4A;color:#fff;font-size:12.5px;margin-right:8px}
.sel-tpn{background:#fff;color:#0F7A4A}.sel-tpd[aria-disabled="true"]{opacity:.5}
/* 351 autopay + 356 kado */
.sel-apr{border:1px solid #E3EAE5;border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}
.sel-aph{display:flex;align-items:center;gap:10px}.sel-aph .grow{flex:1;min-width:0;display:flex;flex-direction:column}.sel-aph b{font-size:15px}.sel-aph small{font-size:12.5px;color:#6B7A72}
.sel-apn{font-size:13px;color:#3D4A43;margin-top:8px}.sel-ape{font-size:12.5px;color:#B42318;margin:8px 0 0}
.sel-apb{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sel-ape0{padding:16px;border-radius:14px;background:#F4F6F3;font-size:13.5px;color:#4E5B54;line-height:1.45}
.sel-apf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sel-apf select,.sel-klf select,.sel-klf textarea{width:100%}
.sel-kdi{flex:none;width:38px;height:38px;border-radius:12px;background:#FFF1E6;color:#C2410C;display:grid;place-items:center}.sel-kdi svg{width:20px;height:20px}
.sel-kdh{border-color:#F6C9A4;background:#FFF8F2}
#kdMdI{display:block;margin-top:6px;line-height:1.4}

/* ---- 369 Mode Gampang */
.dk-gampang #sheetBody{font-size:17px}.dk-gampang #sheetBody .btn{min-height:52px;font-size:17px}.dk-gampang #sheetBody input{font-size:20px!important;min-height:54px}
#selGp{position:fixed;inset:0;z-index:39;background:#F7F8F4;overflow:auto;padding:max(18px,env(safe-area-inset-top)) 16px 28px;font-size:18px}
#selGp .gph{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}#selGp .gph b{display:block;font-size:26px;letter-spacing:-.4px}
#selGp .gps{background:#fff;border:1px solid var(--line,#E6EAE3);border-radius:20px;padding:16px 18px;margin:14px 0}
#selGp .gps small{display:block;color:var(--muted);font-size:15px}#selGp .gps strong{font-size:34px;letter-spacing:-.6px;color:#0F1B14}
#selGp .gpg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#selGp .gpb{border:0;border-radius:22px;padding:22px 12px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:800;font-size:21px;cursor:pointer;color:#0F1B14}
#selGp .gpb svg{width:46px;height:46px}#selGp .gpb.a{background:#E5F3EB;color:#0A5C40}#selGp .gpb.b{background:#FFF1D6;color:#8A5A00}#selGp .gpb.c{background:#E6EEFB;color:#1D3FA3}#selGp .gpb.d{background:#F3E8FA;color:#6B2FA3}
#selGp .gpx{display:block;margin:22px auto 0;background:none;border:0;color:var(--muted);font-size:15px;text-decoration:underline}
#selGpB{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:38;border:0;border-radius:99px;background:#0E7A55;color:#fff;font-family:inherit;font-weight:800;font-size:17px;padding:14px 22px;box-shadow:0 8px 24px rgba(14,122,85,.35)}
.sel-gpc{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.sel-gpc button{border:1.5px solid var(--line,#E6EAE3);background:#fff;border-radius:14px;padding:12px 14px;font-family:inherit;font-weight:700;font-size:16px;text-align:left}
.sel-gpc button small{display:block;font-weight:500;color:var(--muted);font-size:13px}
.sel-rmbar{height:8px;border-radius:99px;background:#EEF1EC;overflow:hidden;margin-top:6px}.sel-rmbar i{display:block;height:100%;background:#0E7A55;border-radius:99px}

/* 372 Satpam, 373 Audit, 374 Warung mitra */
.sel-jg{border-radius:14px;padding:12px 14px;margin:10px 0 4px}.sel-jg b{font-size:15px}.sel-jg p{margin:4px 0 10px;font-size:13px;color:#3F4A44}
.sel-jg.ok{background:#EAF6EF;border:1px solid #BFE3CD}.sel-jg.ok p:last-child{margin-bottom:0}.sel-jg.bahaya{background:#FDEDEA;border:1px solid #F3C2B8}.sel-jg.bahaya b{color:#B3261E}
.sel-au{background:#F7F8F4;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;margin-top:8px}.sel-au small{font-size:12px;color:#5F6B64}
.sel-au strong{font-size:26px;font-weight:800;letter-spacing:-.5px}.sel-au span{font-size:13px;color:#5F6B64}
.sel-aus{border:1px solid var(--line2,#E6E9E3);border-radius:14px;padding:12px;margin-top:8px}.sel-aus>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sel-aus em{font-style:normal;font-weight:800;color:#0E7A55;font-size:14px}.sel-aus p{font-size:13px;color:#3F4A44;margin:4px 0 10px}
.sel-aub{position:relative;display:flex;justify-content:space-between;padding:7px 10px;margin-top:6px;border-radius:10px;overflow:hidden;font-size:14px;background:#F7F8F4}
.sel-aub>*{position:relative;z-index:1}.sel-aub i{position:absolute;left:0;top:0;bottom:0;background:#DDF0E4;z-index:0}
.sel-wl{background:#0E7A55;color:#fff;border-radius:18px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;gap:4px;animation:selWl 1.6s ease-in-out infinite}
.sel-wl small{font-weight:700;letter-spacing:1.5px;font-size:12px;opacity:.85}.sel-wl strong{font-size:44px;font-weight:800;letter-spacing:-1px}.sel-wl b{font-size:18px}
.sel-wl .mono{font-size:12px;opacity:.8}.sel-wl p{font-size:13px;margin:8px 0 0;opacity:.92}.sel-wlj{font:800 30px ui-monospace,monospace;background:rgba(255,255,255,.16);border-radius:12px;padding:6px;margin:8px auto 2px;min-width:170px}
@keyframes selWl{0%,100%{box-shadow:0 0 0 0 rgba(14,122,85,.45)}50%{box-shadow:0 0 0 10px rgba(14,122,85,0)}}
/* Lebih dari pulsa (gantiin Segera hadir G13) */
.ldp{background:#fff;border-radius:20px;padding:16px 14px 14px;margin-top:12px;box-shadow:0 1px 0 #E6E8EC;display:flex;flex-direction:column;gap:10px}
.ldp h3{margin:0 4px 2px;font-size:17px;font-weight:800;letter-spacing:-.2px}
.ldp-k{all:unset;box-sizing:border-box;cursor:pointer;height:124px;position:relative;overflow:hidden;border-radius:18px;padding:14px 16px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.ldp-k:active{transform:scale(.98)}.ldp-k:focus-visible{outline:3px solid #0E7A55;outline-offset:2px}
.ldp-il{position:absolute;right:0;top:0;width:140px;height:124px}
.ldp-t{position:relative;max-width:186px;display:flex;flex-direction:column;gap:4px}
.ldp-t b{font-size:20px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:8px;line-height:1.15}
.ldp-t em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#FFD23F;color:#0A3D2C}
.ldp-t small{font-size:12.5px;font-weight:600;line-height:1.35}
.ldp-b{font-style:normal;margin-top:4px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px}
.ldp-b.ldp-o{border:1.5px solid currentColor;padding:4.5px 11px}
.ldp-traktir{background:#C6F24E;color:#0A3D2C}.ldp-traktir small{color:#24533F}.ldp-traktir .ldp-b{background:#0A3D2C;color:#C6F24E}
.ldp-bayarin{background:#0E7A55;color:#fff}.ldp-bayarin small{color:#CDEEDF}.ldp-bayarin .ldp-b{background:#fff;color:#0E7A55}
.ldp-event{background:#0A3D2C;color:#C6F24E}.ldp-event small{color:#DDF5E8}
.ldp-sewa{background:#FFD23F;color:#0A3D2C}.ldp-sewa small{color:#4A4A1C}.ldp-sewa em{background:#0A3D2C;color:#FFD23F}
body.tenang .ldp{display:none}
@media (max-width:350px){.ldp-t{max-width:160px}.ldp-il{right:-22px}}
.ldp-by{margin:0 0 10px!important}
/* sheet traktir (lz/traktir.js) */
.trk-tm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 4px}
.trk-tm button{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--line,#E1E4E8);border-radius:16px;padding:8px 6px 10px;text-align:center;font-size:13px;font-weight:700;background:#fff}
.trk-tm button svg{width:100%;height:58px;display:block;margin-bottom:4px}.trk-tm button.on{border-color:#0A3D2C;background:#F4FBE3;box-shadow:0 0 0 2px #0A3D2C inset}
.trk-nm .chip.on{background:#0A3D2C;color:#C6F24E;border-color:#0A3D2C}
.trk-sum{background:#F4FBE3;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.5;margin:10px 0}
.trk-go{background:#0A3D2C!important;color:#C6F24E!important;border-color:#0A3D2C!important}
.trk-n{display:flex;align-items:center;gap:10px;margin:2px 0 4px}.trk-n small{flex:1;min-width:0}.trk-n button:disabled{opacity:.35;cursor:default}.trk-n button{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--line,#E1E4E8);background:#fff;font:700 20px/1 inherit;cursor:pointer}.trk-n b{min-width:34px;text-align:center;font-size:18px}

/* ===== Tampilan 1/11: kartu "hari ini" warna ala Gojek, menu Akun dilipet, Poin & Hadiah visual ===== */
#today.today{background:none;border:0;border-radius:0;overflow:visible;gap:8px;grid-template-columns:1fr 1.3fr 1fr}
#today.today>div{position:relative;overflow:hidden;border:0;border-radius:18px;padding:12px 12px 12px;min-height:104px;gap:3px;-webkit-tap-highlight-color:transparent;transition:transform .12s}
#today.today>div:active{transform:scale(.97)}
#today.today>div::after{content:"";position:absolute;right:-8px;bottom:-8px;width:64px;height:64px;background:no-repeat center/contain;pointer-events:none}
#today.today>div>*{position:relative;z-index:1}
#today.today span{font-size:11.5px;font-weight:800;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#today.today b{font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
#today.today>div:nth-child(1){background:#C6F24E;color:#0A3D2C}#today.today>div:nth-child(1) span{color:#24533F}
#today.today>div:nth-child(1)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22 fill=%22none%22%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%2228%22 fill=%22%23fff%22 opacity=%22.55%22/%3E%3Cpath d=%22M24 16h30v44l-5-4-5 4-5-4-5 4-5-4-5 4z%22 fill=%22%23fff%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M31 27h16M31 35h16M31 43h9%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M52 40l-6 10h6l-3 9 10-13h-6l3-6z%22 fill=%22%23FFD23F%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")}
#today.today>div:nth-child(2){background:#0E7A55;color:#fff}#today.today>div:nth-child(2) span{color:#CDEEDF}
#today.today>div:nth-child(2) b,#today.today>div:nth-child(2) b.good{color:#fff;font-size:18px;margin-top:4px;white-space:nowrap}
#today.today>div:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22 fill=%22none%22%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%2228%22 fill=%22%230A3D2C%22 opacity=%22.35%22/%3E%3Cellipse cx=%2238%22 cy=%2252%22 rx=%2216%22 ry=%226%22 fill=%22%23FFD23F%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M22 52v-7c0 3.3 7.2 6 16 6s16-2.7 16-6v7%22 fill=%22%23FFD23F%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2238%22 cy=%2245%22 rx=%2216%22 ry=%226%22 fill=%22%23FFD23F%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M22 45v-7c0 3.3 7.2 6 16 6s16-2.7 16-6v7%22 fill=%22%23FFD23F%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2238%22 cy=%2238%22 rx=%2216%22 ry=%226%22 fill=%22%23FFE98A%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M34 37.5h8%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M56 16l2 6 6 2-6 2-2 6-2-6-6-2 6-2z%22 fill=%22%23C6F24E%22/%3E%3C/svg%3E")}
#today.today .tgt-bar{background:rgba(255,255,255,.22);max-width:calc(100% - 34px)}#today.today #tgtFill{background:#C6F24E}
#today.today .tgt-lbl{color:#DDF5E8;font-weight:700}
#today.today>div:nth-child(3){background:#FFD23F;color:#0A3D2C}#today.today>div:nth-child(3) span{color:#4A4A1C}
#today.today>div:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22 fill=%22none%22%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%2228%22 fill=%22%23fff%22 opacity=%22.55%22/%3E%3Cpath d=%22M24 16h28M24 60h28%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M27 16c0 12 9 15 9 22s-9 10-9 22h22c0-12-9-15-9-22s9-10 9-22z%22 fill=%22%23fff%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M31 56c1-6 7-8 7-8s6 2 7 8z%22 fill=%22%230E7A55%22/%3E%3Cpath d=%22M33 24h10l-5 6z%22 fill=%22%230E7A55%22/%3E%3C/svg%3E")}
@media (max-width:385px){#today.today{gap:6px}#today.today>div{padding:11px 10px}#today.today b{font-size:22px}#today.today>div:nth-child(2) b,#today.today>div:nth-child(2) b.good{font-size:15px}#today.today span{font-size:10.5px}#today.today>div::after{width:50px;height:50px}}
/* menu Akun: kategori dilipet, tap buat buka */
.ak-h.ak-lp{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin:0;gap:10px;justify-content:flex-start;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-radius .15s}
.ak-h.ak-lp h3{flex:1;margin:0;font-size:16px;font-weight:800;text-transform:none;letter-spacing:-.2px;color:var(--ink)}
.pane[data-tab="akun"]:not(.ak-ok) .menu-list{visibility:hidden}
.pane[data-tab="akun"] .ak-h.ak-lp{margin-top:-6px}
.ak-h.ak-lp:not(.tutup){border-radius:18px 18px 0 0;border-bottom-color:var(--line2)}
.ak-h.ak-lp:not(.tutup)+.menu-list{border-top:0;border-radius:0 0 18px 18px;margin-top:-16px;animation:akBuka .18s ease}
.ak-h.tutup+.menu-list{display:none}
@keyframes akBuka{from{opacity:0;transform:translateY(-4px)}}
.ak-ik{display:flex;padding-left:6px}.ak-ik .mi{width:26px;height:26px;border-radius:9px;margin-left:-6px;border:2px solid #fff;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-style:normal}
.ak-ik .mi svg{width:14px;height:14px}.ak-h:not(.tutup) .ak-ik{display:none}
.ak-n{font-size:12px;font-weight:800;background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 8px;min-width:22px;text-align:center}
.ak-cv{width:9px;height:9px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(45deg);margin:-5px 4px 0 2px;transition:transform .2s}
.ak-h:not(.tutup) .ak-cv{transform:rotate(-135deg);margin-top:4px}
/* Poin & Hadiah: sedekah & duel dikasih ilustrasi */
#gameBody .don{position:relative;overflow:hidden;background:#DDF5E8;border-color:#BFE3CD}
#gameBody .don::after{content:"";position:absolute;right:-4px;top:-4px;width:66px;height:66px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22 fill=%22none%22%3E%3Ccircle cx=%2246%22 cy=%2240%22 r=%2230%22 fill=%22%23C6F24E%22 opacity=%22.7%22/%3E%3Cpath d=%22M14 52c6-2 12-2 16 1l10 6c3 2 1 6-3 5l-9-3%22 fill=%22%23fff%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M14 52v10h8l14 4 22-12c3-2 1-7-3-6l-12 5%22 fill=%22%23fff%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M44 20c-3-4-10-3-10 3 0 6 10 12 10 12s10-6 10-12c0-6-7-7-10-3z%22 fill=%22%23FF7A59%22 stroke=%22%230A3D2C%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
#gameBody .don .sec-h{padding-right:56px}#gameBody .don .don-bar{margin-right:56px}#gameBody .don .sec-h .tiny{display:none}
#gameBody .g8-duel{position:relative;overflow:hidden;background:#0A3D2C;border:0;color:#fff}
#gameBody .g8-duel::after{content:"";position:absolute;right:-8px;top:-6px;width:88px;height:88px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22 fill=%22none%22%3E%3Ccircle cx=%2246%22 cy=%2240%22 r=%2230%22 fill=%22%230E7A55%22/%3E%3Cpath d=%22M18 18l26 26M44 44l-5 5 9 9 5-5zM24 50l6-6%22 stroke=%22%23C6F24E%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M58 18L32 44M32 44l5 5-9 9-5-5zM52 50l-6-6%22 stroke=%22%23fff%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none;opacity:.95}
#gameBody .g8-duel .eyebrow{color:#C6F24E;font-size:15px;letter-spacing:.2px}#gameBody .g8-duel>*{position:relative;z-index:1}
#gameBody .g8-duel small,#gameBody .g8-duel p,#gameBody .g8-duel .muted{color:#DDF5E8!important;max-width:calc(100% - 70px)}
#gameBody .g8-duel .btn.primary{background:#C6F24E;color:#0A3D2C;border-color:#C6F24E}#gameBody .g8-duel .btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff}
.pv-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv-t{all:unset;box-sizing:border-box;position:relative;overflow:hidden;border-radius:18px;padding:12px;min-height:116px;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.pv-t:active{transform:scale(.97)}.pv-t>*{position:relative}
.pv-il{position:absolute!important;right:-6px;top:-6px;width:66px;height:66px}
.pv-t b{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}
.pv-t span{font-size:13px;font-weight:800}.pv-t small{font-size:11.5px;font-weight:600;opacity:.85;line-height:1.3}
.pv-c1{background:#C6F24E;color:#0A3D2C}.pv-c2{background:#0E7A55;color:#fff}.pv-c3{background:#0A3D2C;color:#C6F24E}.pv-c3 small{color:#DDF5E8}
.pv-c4{background:#FFD23F;color:#0A3D2C}.pv-c5{background:#DDF5E8;color:#0A3D2C}.pv-c6{background:#FF7A59;color:#fff}
.pv-hg{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:700;color:#7A4A00;background:#FFF4D6;border-radius:12px;padding:8px 12px}
.pv-pd{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:6px 0 4px}
.pv-pk{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}
.pv-pk .pv-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;background:#DDF5E8;color:#0A3D2C;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(10,61,44,.15)}
.pv-pk b{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-pk small{font-size:11px;color:var(--muted);font-weight:700}
.pv-tg{width:100%;border-radius:14px 14px 6px 6px;display:grid;place-items:center;font-size:22px;padding-top:6px}
.pv-p1 .pv-tg{height:92px;background:#FFD23F}.pv-p2 .pv-tg{height:70px;background:#DDF5E8}.pv-p3 .pv-tg{height:54px;background:#FFE1D6}
.pv-p1 .pv-av{width:48px;height:48px;background:#FFD23F}.pv-me .pv-av{border-color:#0E7A55}
.pv-kos{display:flex;align-items:center;gap:14px;background:#F7F8F4;border-radius:16px;padding:14px}.pv-kos svg{width:74px;height:74px;flex:none}
.pv-kos b{display:block;font-size:15px}.pv-kos small{color:var(--muted);font-size:12.5px}
/* ===== Pintar 1/11: Dotkas Meter, Tombol Kilat, voucher, Lingkaran, Sekalian ===== */
.mtr-k{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(135deg,#F2FBF6,#FFFBE8);border:1px solid #DDEFE5;border-radius:18px;padding:12px 14px;color:var(--ink)}
.mtr-k span{flex:1;min-width:0;display:flex;flex-direction:column}.mtr-k small{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.mtr-k b{font-size:26px;line-height:1.1;font-weight:800}.mtr-k b em{font-style:normal;font-size:13px;font-weight:800;color:#fff;background:var(--red);border-radius:99px;padding:2px 8px;vertical-align:4px}
.mtr-k i{font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}.mtr-go{font-style:normal;font-size:22px;color:var(--muted)}
.mtr-big{display:flex;flex-direction:column;align-items:center;margin-top:6px}.mtr-big svg{max-width:100%}.mtr-big b{font-size:42px;font-weight:800;margin-top:2px;line-height:1}
.mtr-big span{font-weight:800;color:#fff;background:var(--red);border-radius:99px;padding:3px 12px;margin-top:6px}.mtr-big small{color:var(--muted);margin-top:6px;font-weight:600}
.mtr-hd{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:10px}.mtr-hd div{border:1px dashed #D5DBE0;border-radius:14px;padding:8px;text-align:center;color:var(--muted)}
.mtr-hd div.ok{border:1px solid #0E7A55;background:#EAF7F0;color:#0A3D2C}.mtr-hd b{display:block;font-size:15px}.mtr-hd span{font-size:13px;font-weight:700}
.mtr-m{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line,#EEF1F3)}.mtr-m i{font-style:normal;flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;background:#FFF6D6;color:#7A5B00}
.mtr-m.ok i{background:#0E7A55;color:#fff}.mtr-m span{flex:1;min-width:0}.mtr-m b{display:block;font-size:14px}.mtr-m small{color:var(--muted);font-size:12px}
.kl-r{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--line,#EEF1F3)}.kl-r input{width:100%;font-weight:700;border:0;border-bottom:1px dashed #CFD6DC;border-radius:0;padding:4px 0;background:none}.kl-r small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.kl-s{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid #E3E8EC;background:#fff;border-radius:14px;padding:10px 12px;margin-top:8px;color:var(--ink)}.kl-s b{display:block;font-size:14px}.kl-s small{color:var(--muted);font-size:12px}.kl-s em{font-style:normal;font-weight:800;color:var(--red);font-size:13px;white-space:nowrap}
#selPnt{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.kl-bar{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px 0}.kl-bar::-webkit-scrollbar{display:none}.kl-bar>b{flex:none;font-size:13px;color:#0A3D2C}
.kl-bar button{flex:none;border:0;background:#C6F24E;color:#0A3D2C;font-weight:800;font-size:13.5px;border-radius:99px;padding:9px 14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-bar .kl-atur{background:#fff;border:1px solid #DCE2E6;color:var(--muted)}
.vc-b{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:0;border-radius:16px;padding:12px 14px;background:linear-gradient(120deg,#0E7A55,#0A3D2C);color:#fff}.vc-b b{font-size:15px}.vc-b small{opacity:.85;font-size:12.5px;margin-top:2px}
.lk-k{position:relative;border:1px solid #FFE58F;background:#FFFBEA;border-radius:16px;padding:12px 14px}.lk-k b{display:block;font-size:15px;padding-right:24px}.lk-k small{display:block;color:#7A5B00;font-weight:700;font-size:12.5px;margin-top:2px}.lk-k p{font-size:13px;margin:6px 0 0;color:var(--ink)}
.lk-x{position:absolute;top:8px;right:8px;border:0;background:none;color:var(--muted);font-size:15px;padding:4px}
.sk-k{margin-top:14px;border:1px solid #DDEFE5;background:#F2FBF6;border-radius:16px;padding:12px 14px}.sk-k small{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.sk-k b{display:block;font-size:16px;margin-top:2px}.sk-k span{display:block;color:var(--muted);font-size:12.5px;margin:2px 0 10px}
body.tenang #selPnt .lk-k{display:none}
/* ===== Pintar 2: Buku pelanggan, Status WA, iklan lokal ===== */
.bp-r{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid var(--line,#EEF1F3)}.bp-r b{display:block;font-size:14.5px}.bp-r small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.bp-r .btn.sm{padding:6px 10px;min-height:0}.bp-r.bisu{opacity:.6}
.sw-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sw-g button{border:0;padding:0;background:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(10,61,44,.15)}.sw-g img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.ik-k{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;margin-top:14px;border:1px solid #E3E8EC;background:#fff;border-radius:16px;padding:12px 14px;color:var(--ink)}
.ik-k small{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ik-k b{font-size:16px;margin-top:2px}.ik-k span{font-size:13px;color:var(--muted)}
.ik-k em{font-style:normal;font-weight:800;font-size:13px;background:#FFD23F;color:#0A3D2C;border-radius:99px;padding:3px 10px;margin-top:6px}.ik-k i{font-style:normal;font-size:12px;color:var(--red);font-weight:700;margin-top:6px}
/* 396 kartu Tanya Dotkas (pipih, lebar, di atas kartu "hari ini") */
.tny-b{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:66px;margin:0 0 14px;padding:10px 12px 10px 10px;border:0;border-radius:20px;text-align:left;color:#fff;overflow:hidden;
  background:radial-gradient(circle at 96% 120%,#C6F24E 0 26%,transparent 27%),radial-gradient(circle at 78% -40%,rgba(255,210,63,.55) 0 22%,transparent 23%),linear-gradient(100deg,#0A3D2C 0%,#0E7A55 55%,#14A06F 100%);box-shadow:0 6px 18px rgba(14,122,85,.22)}
.tny-b:active{transform:scale(.985)}
.tny-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#C6F24E;box-shadow:inset 0 -3px 0 rgba(10,61,44,.15);animation:tnyKelip 2.6s ease-in-out infinite}
@keyframes tnyKelip{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-8deg) scale(1.06)}}
.tny-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tny-t b{font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tny-r{position:relative;height:18px;overflow:hidden}.tny-r i{position:absolute;left:0;right:0;font-style:normal;font-size:12.5px;font-weight:600;color:#DDF5E8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:tnyGanti 9s infinite}
.tny-r i:nth-child(2){animation-delay:3s}.tny-r i:nth-child(3){animation-delay:6s}
@keyframes tnyGanti{0%{opacity:0;transform:translateY(100%)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-100%)}}
.tny-go{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0E7A55;z-index:1}
@media (prefers-reduced-motion:reduce){.tny-ic{animation:none}.tny-r i{animation:none}.tny-r i:first-child{opacity:1}}
/* sheet Tanya */
.tny-hd{position:relative;margin:-4px 0 12px;padding:16px 16px 14px;border-radius:20px;color:#fff;overflow:hidden;background:radial-gradient(circle at 100% 0,#C6F24E 0 20%,transparent 21%),linear-gradient(120deg,#0A3D2C,#0E7A55 60%,#14A06F)}
.tny-hd small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#C6F24E}.tny-hd b{display:block;font-size:20px;line-height:1.2;margin-top:4px}.tny-hd p{margin:4px 0 0;font-size:13px;color:#DDF5E8}
.tny-cp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 10px;padding:2px}.tny-cp::-webkit-scrollbar{display:none}
.tny-cp button{flex:none;border:0;border-radius:99px;padding:8px 12px;font-size:13px;font-weight:700;color:#0A3D2C}
.tny-cp button:nth-child(4n+1){background:#C6F24E}.tny-cp button:nth-child(4n+2){background:#FFD23F}.tny-cp button:nth-child(4n+3){background:#DDF5E8}.tny-cp button:nth-child(4n){background:#FFE1D6}
.tny-in{border:2px solid #0E7A55;border-radius:16px;padding:4px;background:#fff}.tny-in textarea,.tny-in input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.tny-in:focus-within{box-shadow:0 0 0 4px rgba(14,122,85,.12)}.tny-in textarea{border:0;box-shadow:none;min-height:64px;resize:none;font-size:16px}.tny-in input{border:0;border-top:1px dashed #D5DBE0;border-radius:0;font-size:15px}
.tny-h{margin-top:14px}.tny-h>p{font-weight:700;margin:0 0 8px}
.tny-p{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;margin-top:8px;background:#F2FBF6;border:1px solid #DDEFE5}.tny-p:first-of-type{background:#FFFBE6;border-color:#FFE58F}
.tny-p em{flex:none;font-style:normal;font-size:11px;font-weight:800;color:#0A3D2C;background:#C6F24E;border-radius:99px;padding:3px 8px}.tny-p span{flex:1;min-width:0}.tny-p b{display:block;font-size:14.5px}.tny-p small{color:var(--muted);font-size:12.5px}
.tny-ld{display:flex;gap:6px;align-items:center;color:var(--muted);font-weight:600;margin-top:14px}.tny-ld i{width:8px;height:8px;border-radius:50%;background:#0E7A55;animation:tnyLd 1s infinite}.tny-ld i:nth-child(2){animation-delay:.15s;background:#14A06F}.tny-ld i:nth-child(3){animation-delay:.3s;background:#C6F24E}
@keyframes tnyLd{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}
.tny-in.tny-minta{border-color:#FFB020;box-shadow:0 0 0 4px rgba(255,176,32,.18)}
.bp-hm{border:0;background:#FFF3C4;color:#7A5B00;font-weight:800;font-size:11.5px;border-radius:99px;padding:6px 9px;white-space:nowrap}
.pn-k{margin-top:12px;border-radius:16px;padding:12px 14px;background:linear-gradient(120deg,#FFFBE6,#F2FBF6);border:1px solid #FFE58F}.pn-k small{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7A5B00}.pn-k b{display:block;font-size:16px;margin:2px 0}.pn-k span{display:block;color:var(--muted);font-size:12.5px;margin-bottom:8px}.pn-k i{font-style:normal;font-size:12.5px;font-weight:700;color:#0E7A55}

/* 443 Token PLN Pinter / 444 Tagihan Rumah / 447 Kuitansi */
.pl-hd{display:flex;gap:10px;align-items:center;margin-bottom:10px}.pl-hd svg{flex:none;width:40px;height:40px;background:#FFF6D6;border-radius:12px;padding:8px}.pl-hd b{font-size:17px}
.pl-k{border:1px solid #EFE6C8;background:linear-gradient(160deg,#FFFDF4,#fff 60%);border-radius:18px;padding:12px 14px;margin-bottom:10px}
.pl-t{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.pl-t b{font-size:15px}.pl-t span{font-size:12px;color:var(--muted)}
.pl-bat{position:relative;height:16px;border:2px solid #2A3530;border-radius:6px;margin:10px 6px 4px 0;padding:2px}.pl-bat:after{content:"";position:absolute;right:-7px;top:3px;width:4px;height:6px;background:#2A3530;border-radius:0 2px 2px 0}
.pl-bat i{display:block;height:100%;border-radius:3px;transition:width .6s}
.pl-st{display:flex;justify-content:space-between;font-size:13px}.pl-st span{color:var(--muted)}
.pl-n{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.pl-n span{background:#F6F8F7;border-radius:12px;padding:6px 8px;min-width:0}.pl-n small{display:block;font-size:11px;color:var(--muted)}.pl-n b{font-size:13px}
.pl-sr{margin-top:8px;background:#EAF7F0;border:1px solid #CBEBD9;border-radius:14px;padding:8px 10px}.pl-sr b{display:block;font-size:13.5px;color:#0A5C3F}.pl-sr small{font-size:12px;color:#33584A}
.pl-kos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 8px}.pl-kos small{color:var(--muted);max-width:320px}
.rm-sw{margin-top:6px}
.rm-ic{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-style:normal}
.tr-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.tr-sum span{background:#F6F8F7;border-radius:14px;padding:8px 10px}.tr-sum small{display:block;font-size:11px;color:var(--muted)}.tr-sum b{font-size:16px}
.tr-k{display:flex;gap:10px;border:1px solid var(--line,#EEF1F3);border-radius:18px;padding:12px;margin-bottom:10px}.tr-b{flex:1;min-width:0}
.tr-t{display:flex;justify-content:space-between;gap:6px;align-items:center}.tr-t b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-p{flex:none;font-size:11px;font-weight:800;border-radius:99px;padding:3px 8px}.tr-p.ok{background:#E3F5EB;color:#0A5C3F}.tr-p.wr{background:#FFF1D6;color:#8A5A00}.tr-p.bad{background:#FDE4E4;color:#B42318}
.tr-ch{display:flex;align-items:flex-end;gap:4px;height:38px;margin:8px 0 6px}.tr-ch i{flex:1;border-radius:4px 4px 2px 2px;min-height:4px}
.tr-f{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.tr-f span:first-child{flex:1}.tr-f b{color:var(--ink)}
.tr-lj2{font-weight:800;color:#B42318;background:#FDE4E4;border-radius:99px;padding:2px 8px}
.tr-lj{margin:10px 0;background:#FFF4E5;border:1px solid #FFD8A8;border-radius:14px;padding:10px 12px}.tr-lj b{display:block;color:#9A3412}.tr-lj small{color:#7C4A1E;font-size:12.5px}
.rm-k{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:linear-gradient(135deg,#FFF9E3,#FFFDF5);border:1px solid #F3E3A6;border-radius:16px;padding:10px 12px;margin-bottom:8px;color:var(--ink)}
.rm-k.tg{background:linear-gradient(135deg,#FFF1EA,#FFFAF7);border-color:#F8D3C2}.rm-k>svg{flex:none;width:34px;height:34px;background:#FFF0B3;border-radius:10px;padding:6px}.rm-k .rm-ic{width:34px;height:34px;border-radius:10px}
.rm-k span{flex:1;min-width:0}.rm-k b{display:block;font-size:14px}.rm-k small{font-size:12px;color:var(--muted)}.rm-k em{font-style:normal;font-size:20px;color:var(--muted)}
.kw-r{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#EEF1F3);color:var(--ink);text-decoration:none}.kw-r small{display:block;font-size:11.5px;color:var(--muted)}

/* 452 badge harga */
.hb{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;letter-spacing:.01em}
.hb-m{color:#0A5C3F;background:#D9F4E5}.hb-t{color:#1C5FA8;background:#E3EFFD}
.hb{display:inline-block;margin-left:6px;vertical-align:1px;line-height:1.35}
.nom .nn .hb{display:table;margin:4px 0 0}.pk .m .hb{margin-left:0;font-style:normal}

/* 466 Dotkas Pro / 470 Zakat / 474 ringan / 485 kreator */
.pro-k{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(135deg,#0E7A55,#0A5C3F);border:0;border-radius:18px;padding:12px 14px;color:#fff;margin-top:10px}
.pro-k span:nth-child(2){flex:1;min-width:0}.pro-k b{display:block;font-size:16px}.pro-k small{font-size:12px;opacity:.85}
.pro-b{flex:none;font-weight:900;font-size:12px;letter-spacing:.08em;background:#FFD23F;color:#3D2E00;border-radius:8px;padding:4px 7px}
.pro-s{font-style:normal;font-size:11px;font-weight:800;background:rgba(255,255,255,.18);border-radius:99px;padding:3px 9px}.pro-s.on{background:#FFD23F;color:#3D2E00}
.pro-hero{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:linear-gradient(135deg,#0E7A55,#0A5C3F);color:#fff;border-radius:18px;padding:16px;margin-bottom:12px}
.pro-hero b{font-size:22px}.pro-hero small{opacity:.9}
.pro-f>div{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#EEF1F3)}.pro-f svg{flex:none;margin-top:2px}.pro-f b{display:block;font-size:14px}.pro-f small{color:var(--muted);font-size:12.5px}
.pro-f+.btn,.pro-f+label{margin-top:12px}
.zk-h{margin-top:10px;font-size:15px;min-height:22px}.zk-h b{color:#0A5C3F;font-size:18px}
.kr-k{border:1px solid var(--line,#EEF1F3);border-radius:18px;padding:12px;margin-bottom:10px}.kr-t{display:flex;justify-content:space-between;gap:8px;align-items:center}
.kr-l{display:flex;gap:6px;align-items:center;margin:8px 0;background:#F6F8F7;border-radius:12px;padding:6px 6px 6px 10px}.kr-l span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
body.ringan *{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.ringan #carou,body.ringan #stories,body.ringan .story img,body.ringan .confetti{display:none!important}

/* 2/11: 492 minta, 496 kalender, 489 suara, 491 tombol tamu, 460 hapus */
.mp-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mp-g button{text-align:left;font:inherit;padding:10px 12px;border:1px solid var(--line,#E3E8E5);border-radius:14px;background:#fff;color:var(--ink)}
.mp-g button b{display:block;font-size:13.5px;line-height:1.3}.mp-g button span{color:#0E7A55;font-weight:800;font-size:13.5px}.mp-g button.on{border-color:#0E7A55;background:#E8F4EE}
#mpF{margin-top:10px}.kal-d{margin-bottom:10px}.kal-d>b{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.03em}
.kal-r{display:flex;gap:10px;align-items:center;border:1px solid var(--line,#EEF1F3);border-radius:14px;padding:10px 12px;margin-bottom:6px}.kal-r i{font-style:normal;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
.kal-r span{flex:1;min-width:0}.kal-r b{display:block;font-size:14px}.kal-r small{color:var(--muted);font-size:12px}.kal-f{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-ol{margin:6px 0 10px;padding-left:20px;font-size:14px;line-height:1.6}.tr-x{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;padding:4px 0;cursor:pointer}
.tamu-b{display:flex;flex-direction:column;gap:2px;margin:14px 0 4px;padding:12px 14px;border:1px dashed #0E7A55;border-radius:14px;color:#0A5C3F;text-decoration:none;background:#F2FBF6}
.tamu-b b{font-size:14px}.tamu-b span{font-size:13px;font-weight:700}
/* Corong 2: 526 etalase tanpa login, 525/527/531 */
.etl{margin:0 0 14px;background:#fff;border:1px solid #DCEFE5;border-radius:18px;box-shadow:0 6px 22px rgba(14,122,85,.08);overflow:hidden;text-align:left}
.etl-b{padding:12px 14px 14px}
.etl-pd{display:flex;flex-direction:column;gap:2px;padding:9px 11px;margin-bottom:10px;border-radius:12px;background:#FFF7DB;color:#6b4a00}.etl-pd b{font-size:13px}.etl-pd span{font-size:12px}
.etl-tb{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto}.etl-tb button{flex:none;padding:7px 11px;border-radius:999px;border:1px solid #DCE3E8;background:#fff;font:inherit;font-size:13px;font-weight:700;color:#334;cursor:pointer}
.etl-tb button.on{background:#0E7A55;border-color:#0E7A55;color:#fff}
.etl input{width:100%;box-sizing:border-box}.etl-op{font-size:12px;font-weight:700;color:#0A5C3F;margin:6px 0 0;min-height:4px}
.etl-kos{font-size:13px;color:var(--muted,#667);margin:8px 0 0}.etl-k{font-size:12px;font-weight:800;color:#445;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.02em}
.etl-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.etl-g button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px;border:1px solid #E3E8EC;border-radius:12px;background:#fff;font:inherit;text-align:left;cursor:pointer;min-width:0}
.etl-g button b{font-size:12px;line-height:1.25;color:#223;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.etl-g button span{font-size:13px;font-weight:800;color:#0A5C3F}.etl-g button s{display:block;font-size:11px;font-weight:600;color:#99a;text-decoration:line-through}
.etl-g button.on{border-color:#0E7A55;box-shadow:0 0 0 2px rgba(14,122,85,.18);background:#F2FBF6}
.etl-more{margin-top:6px;border:0;background:none;color:#0E7A55;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0}
.etl-ck{margin-top:12px;padding:12px;border-radius:14px;background:#F2FBF6;border:1px solid #CFEBDD;display:flex;flex-direction:column;gap:4px}
.etl-ck b{font-size:14px}.etl-ck span{font-size:15px;font-weight:800;color:#0A5C3F}.etl-ck em{font-style:normal;font-size:12px;background:#0E7A55;color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px}
.etl-ck small{font-size:12px;color:#556}.etl-btn{display:flex;gap:8px;margin:6px 0 2px}.etl-btn .btn{flex:1;text-align:center;text-decoration:none}
.lrs{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#FFE9D6;color:#9a4300;font-size:10.5px;font-weight:800;vertical-align:middle;white-space:nowrap}
.nom .lrs{display:block;margin:3px 0 0;width:max-content}
.crg-qr{display:grid;place-items:center;padding:10px;background:#fff;border:1px solid #E3E8EC;border-radius:14px}.crg-qr svg{width:190px;height:190px}
/* 2/11 siang: kartu poin visual, riwayat 3, pesan admin */
.g-hero.crg-gh{gap:12px}.crg-gh .gh-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;position:relative;z-index:1}
.crg-gh .gh-top span{display:flex;flex-direction:column}.crg-gh .gh-top em{font-style:normal;font-weight:800;font-size:13px;background:#C8F26B;color:#0A3D2C;border-radius:99px;padding:5px 11px;opacity:1}
.gt-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;position:relative;z-index:1}
.gt{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px 9px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:#fff;font:inherit;text-align:center;position:relative;overflow:hidden}
button.gt{cursor:pointer}.gt i{font-style:normal;font-size:18px;line-height:1}.gt b{font-size:17px!important;letter-spacing:0!important;line-height:1.2!important;margin-top:3px}
.gt small{font-size:10.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#E4F5EC!important;opacity:.9}
.gt.on{background:#C8F26B;border-color:#C8F26B}.gt.on b,.gt.on small{color:#0A3D2C!important}
.gt em{position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:3px;background:rgba(255,255,255,.2)}.gt em s{display:block;height:100%;border-radius:3px;background:#C8F26B;text-decoration:none}
.crg-en{display:flex!important;align-items:center;gap:10px;padding:12px 14px!important}.crg-en>i{font-style:normal;font-size:20px;width:38px;height:38px;border-radius:12px;background:#DDEBFF;display:grid;place-items:center;flex:none}
.crg-en>span{flex:1;display:flex;flex-direction:column;min-width:0}.crg-en>span b{font-size:14.5px}.crg-en>span small{font-size:12px;color:var(--muted,#667)}
.crg-rw{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.crg-rw .rw{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line,#E3E8EC);border-radius:16px;padding:10px 12px}
.crg-rw .rw i{font-style:normal;font-size:19px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}.crg-rw .rw span{flex:1;min-width:0;display:flex;flex-direction:column}
.crg-rw .rw b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crg-rw .rw small{font-size:12px;color:var(--muted,#667)}.crg-rw .rw em{font-style:normal;font-weight:900;font-size:18px}
.crg-rw .rw em.p{color:var(--ok,#0E7A55)}.crg-rw .rw em.m{color:#B42318}
.crg-sg{display:flex;flex-wrap:wrap;gap:6px}.crg-sg button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;padding:7px 10px;border-radius:99px;border:1px solid var(--line,#DCE3E8);background:#fff;cursor:pointer}
.crg-sg button b{font-size:11px;background:#EEF2F0;border-radius:99px;padding:1px 7px}.crg-sg button.on{background:#0E7A55;border-color:#0E7A55;color:#fff}.crg-sg button.on b{background:#C8F26B;color:#0A3D2C}
.crg-tgl{display:flex;flex-direction:column;gap:4px;margin-top:6px}.crg-tgl button{text-align:left;font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line,#E3E8EC);border-radius:10px;background:#fff;cursor:pointer}
.crg-tgp{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.crg-tgp span{font-size:12px;font-weight:700;background:#E8F4EE;color:#0A5C3F;border-radius:99px;padding:4px 10px;cursor:pointer}
.crg-tgr{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line,#E3E8EC);padding-top:8px;font-size:12.5px}.crg-tgr small{display:block;color:var(--muted,#667)}
/* Corong 3: kolom sakti, beli dari notif, isi otomatis, garansi/hemat */
.sk-rw{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:8px 0 2px;padding-bottom:2px;align-items:center}.sk-rw::-webkit-scrollbar{display:none}
.sk-l{flex:none;font-size:11px;font-weight:800;color:var(--muted,#667);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.sk-rw button{flex:none;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:99px;border:1px solid var(--line,#E3E8EC);background:#fff;font:inherit;cursor:pointer}
.sk-rw button i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#EEF7F2;display:grid;place-items:center;font-size:13px}
.sk-rw button b{font-size:12.5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-rw button small{font-size:11px;color:var(--muted,#667)}
.sk-g button.on{border-color:#0E7A55;background:#E8F4EE}
.b1-box{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:#F4F8F6;border-radius:14px;padding:12px 14px;margin-bottom:12px;font-size:14px}.b1-box b{text-align:right}
.ap-hr{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 10px}.ap-hr button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#DCE3E8);background:#fff;font-size:22px;font-weight:700;cursor:pointer}
.ap-hr span{display:flex;flex-direction:column;align-items:center}.ap-hr b{font-size:30px;line-height:1}.ap-hr small{font-size:12px;color:var(--muted,#667)}
.ap-ul{margin:0 0 12px;padding-left:18px;font-size:13px;color:#445;line-height:1.6}
.ap-it{display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid var(--line,#E3E8EC);border-radius:14px}.ap-it span{flex:1;min-width:0;display:flex;flex-direction:column}.ap-it small{font-size:12px;color:var(--muted,#667)}.ap-it.off{opacity:.55}
.crg-cf{display:flex;flex-direction:column;gap:5px;margin:4px 0 10px}.crg-cf span{font-size:12.5px;font-weight:700;border-radius:10px;padding:7px 10px}
.cf-h{background:#E8F7EF;color:#0A5C3F}.cf-g{background:#F2F4FF;color:#2b3a8a}
/* ===== Muka (2/11): halaman awal. Hero + tombol masuk dulu, produk cuma diintip, isi langsung di sheet */
.auth.mk{min-height:100vh;min-height:100dvh;padding-bottom:calc(20px + var(--sb));overflow-x:hidden}
.mk .auth-top{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;justify-items:start;column-gap:9px;row-gap:0;text-align:left;min-height:calc(198px + var(--st));min-height:calc(max(198px,37svh) + var(--st));padding:calc(20px + var(--st)) var(--gr) 66px var(--gl);background:radial-gradient(130% 110% at 96% -6%,#27B57F 0,rgba(39,181,127,0) 58%),linear-gradient(168deg,#0E7A55 8%,#0A5C40);border-radius:0 0 30px 30px}
.mk .auth-top .logo.lg{width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
.mk .auth-top h1{font-size:19px;letter-spacing:-.01em;margin:0}
.mk .auth-top p{grid-column:1/-1;position:relative;z-index:1;align-self:end;margin:24px 0 0;max-width:none;opacity:1;font-size:clamp(27px,8.2vw,33px);font-weight:800;line-height:1.14;letter-spacing:-.025em}
.mk .auth-top p em{font-style:normal;color:var(--lime)}
.mk-art{position:absolute;right:calc(var(--gr) - 12px);bottom:32px;width:clamp(128px,min(40vw,22vh),196px);aspect-ratio:1;pointer-events:none}
.mk-art svg{display:block;width:100%;height:100%;overflow:visible}
.mk-art .f1{animation:mkf 4.2s ease-in-out infinite}
.mk-art .f2{animation:mkf 5s ease-in-out -1.6s infinite}
.mk-art .f3{animation:mkf 4.6s ease-in-out -3s infinite}
@keyframes mkf{50%{transform:translateY(-6px)}}
.mk .auth-card{margin:-44px var(--gr) 0 var(--gl);padding:16px;border-radius:24px;position:relative;z-index:1}
.mk-pil{display:flex;flex-direction:column;gap:10px}
.mk .g-top{position:relative;margin:0;gap:0}
.mk-g{position:relative;display:flex;align-items:center;justify-content:center;height:60px;padding:0 12px 0 56px;border-radius:999px;background:var(--red);color:#fff;font-size:clamp(15px,4.7vw,18px);font-weight:800;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 18px rgba(14,122,85,.32)}
.mk-g i{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff}
.mk .g-top-h,.mk .g-top .or-line,.mk #altLogin .or-line{display:none}
.mk .g-top .g-btn{position:absolute;inset:0;z-index:2;display:block;min-height:0;background:none;border:0;border-radius:999px;padding:0;overflow:hidden;opacity:.01}
.mk #gBtn>div{transform:scale(1.04,1.5);transform-origin:50% 0}
:root[data-theme=dark] .mk .g-top .g-btn{background:none}
.mk #altLogin{margin:0;gap:0}
.mk .bio-btn{min-height:48px;padding:0 16px;border-radius:999px;border-color:var(--red);color:var(--red-ink);background:var(--red-soft)}
.mk .bio-ic{display:grid}
.mk .bio-ic svg{width:20px;height:20px}
.mk-hp svg{width:17px;height:17px}
.mk-hp{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:999px;background:none;color:var(--ink2);font:inherit;font-size:14px;font-weight:700;transition:transform .12s var(--ease)}
.mk-hp:active,.mk-isi:active,.mk-tl:active{transform:scale(.96)}
.mk-df{margin:2px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}
.mk-df button{border:0;background:none;padding:4px 2px;font:inherit;font-weight:800;color:var(--red)}
.mk-back{display:none;align-items:center;gap:4px;margin:-2px 0 12px -4px;padding:4px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--muted)}
.mk-back svg{width:18px;height:18px}
.mk-bawah{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;gap:16px;margin:18px var(--gr) 0 var(--gl)}
.mk-tile{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mk-tl{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);transition:transform .12s var(--ease);animation:rise .5s var(--ease) both}
.mk-tl:nth-child(2){animation-delay:.05s}
.mk-tl:nth-child(3){animation-delay:.1s}
.mk-tl:nth-child(4){animation-delay:.15s}
.mk-tl i{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:var(--c);color:var(--k);box-shadow:0 8px 16px -6px var(--s)}
.mk-tl svg{width:27px;height:27px}
.mk-isi{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--lime);color:#08503A;font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 8px 18px -8px rgba(90,140,20,.55);transition:transform .12s var(--ease)}
.mk-isi>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#0E7A55;color:var(--lime)}
.mk-isi>i svg{width:21px;height:21px}
.mk-isi>span{flex:1;min-width:0}
.mk-isi>svg{flex:none;width:20px;height:20px}
.mk #btnInstall{margin-top:16px}
/* mode form: nomor HP & PIN */
.mk.mk-form .mk-art,.mk.mk-form .auth-top p,.mk.mk-goo .mk-art,.mk.mk-goo .auth-top p,.mk.mk-form .mk-tile,.mk.mk-form #mkPil,.mk.mk-goo #mkPil,.mk.mk-goo #mkBack,.mk.mk-goo .mk-bawah{display:none}
.mk.mk-form .auth-top,.mk.mk-goo .auth-top{min-height:0;padding-bottom:62px}
.mk.mk-form .mk-bawah{flex:none;justify-content:flex-start}
.mk.mk-form #mkBack{display:flex}
.mk:not(.mk-form) #authSeg,.mk:not(.mk-form) #fLogin,.mk:not(.mk-form) #fReg{display:none}
.mk #fLogin{gap:10px}
.mk #fLogin>.btn{margin:4px 0 2px}
.mk #fLogin .link,.mk #fLogin .g3-peglink{align-self:center;margin:0!important;padding:3px;font-size:13px!important}
/* etalase pindah ke sheet */
#mkEtl{min-height:150px;margin-top:10px}
#mkEtl .etl{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
#mkEtl .etl-b{padding:0}
@media (prefers-reduced-motion:reduce){.mk-art .f1,.mk-art .f2,.mk-art .f3,.mk-tl{animation:none}}
.cf-p{display:flex;align-items:center;gap:8px;background:#FFF7DB;color:#6b4a00;font-size:13px;font-weight:700;border-radius:10px;padding:8px 10px}.cf-p input{width:18px;height:18px;margin:0}.cf-p b{margin-left:auto}

/* ===================== gimmick.css ===================== */
/* ===== gimmick: ticker, target, harga turun, sedekah ===== */
.ticker{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:var(--sh);overflow:hidden;min-height:38px}
.ticker .tk-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px var(--ok-soft);animation:tkPulse 1.6s infinite}
@keyframes tkPulse{0%,100%{box-shadow:0 0 0 3px var(--ok-soft)}50%{box-shadow:0 0 0 6px transparent}}
.tk-track{flex:1;min-width:0;height:20px;position:relative}
.tk-it{position:absolute;inset:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;animation:tkIn .35s var(--spring)}
.tk-it b{font-size:12.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.tk-it small{font-size:11px;color:var(--muted);flex:none}
.tk-it.turun b{color:var(--red-ink)}
@keyframes tkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.tenang .ticker{display:none}
.today>div#tToday{position:relative;cursor:pointer}
.tgt-bar{display:block;height:4px;border-radius:4px;background:var(--line2);margin-top:5px;overflow:hidden}
.tgt-bar b{display:block;height:100%;width:0;border-radius:4px;background:var(--red);transition:width .6s var(--ease);font-size:0}
.tgt-bar b.ok{background:var(--ok)}
.tgt-lbl{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tToday:not(.has) .tgt-bar,#tToday:not(.has) .tgt-lbl{display:none}
.tg-opts{margin-top:6px}.tg-opts .chip.on{background:var(--red);color:#fff;border-color:var(--red)}
.nom .nt{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;color:var(--red-ink);background:var(--red-soft);padding:2px 7px;border-radius:999px}
.don .don-bar{height:8px;border-radius:8px;background:var(--line2);overflow:hidden;margin:8px 0 6px}
.don .don-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red-2),var(--lime));border-radius:8px;transition:width .6s var(--ease)}
.don .don-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px}.don .don-row b{font-size:18px}
.don .don-bukti{font-size:12.5px;color:var(--ok);background:var(--ok-soft);padding:7px 10px;border-radius:10px;margin:6px 0}
.don .don-top{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink2);margin:8px 0}
.don .don-me{font-size:13px;margin:8px 0 10px;color:var(--ink2)}
.don .don-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.don .don-acts .chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;font-size:12.5px;font-weight:800;border-radius:12px;border:1.5px solid var(--red);background:var(--card);color:var(--red-ink);text-align:center}
.don .don-acts .chip small{font-size:10px;font-weight:600;color:var(--muted)}
.chip{font:inherit;font-size:13px;font-weight:700;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap}

/* ===================== gimmick2.css ===================== */
/* ===== gimmick 2: milestone, proyeksi, pelindung ===== */
.ms-card{display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,#0A5C40,#16A06E);color:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(14,122,85,.25);animation:fin .35s var(--ease) both;flex-wrap:wrap}
.ms-card .ms-ic{font-size:34px;line-height:1;flex:none}
.ms-card .ms-t{flex:1;min-width:150px;display:flex;flex-direction:column;gap:2px}
.ms-card .ms-t small{font-size:11px;opacity:.85;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ms-card .ms-t b{font-size:16px}.ms-card .ms-t span{font-size:12.5px;opacity:.9}
.ms-card .ms-acts{display:flex;gap:6px;flex:none}
.ms-card .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:transparent}
.ms-card .btn.primary{background:var(--lime);color:#08503A;box-shadow:none}
.proy{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.proy>div{display:flex;flex-direction:column;gap:2px}.proy small{font-size:11px;color:var(--muted);font-weight:700}.proy b{font-size:15px}
.proy p{grid-column:1/-1;margin:0}
#rPamer{margin-top:10px}
.btn.full{width:100%}
.gb.tm{cursor:pointer}

/* ===================== gimmick3.css ===================== */
/* ===== gelombang 1a ===== */
.dep-saran{display:flex;gap:10px;align-items:center;text-align:left;font:inherit;width:100%;background:var(--warn-soft);color:var(--warn);border:0;border-radius:14px;padding:11px 12px}
.dep-saran .ic{font-size:20px;flex:none}.dep-saran span{display:flex;flex-direction:column;gap:2px;min-width:0}.dep-saran b{font-size:14px}.dep-saran small{font-size:12px;color:#7a5a12;line-height:1.35}
:root[data-theme=dark] .dep-saran small{color:var(--warn)}
.undo-bar{position:fixed;left:12px;right:12px;bottom:calc(14px + var(--sb));z-index:80;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:undoIn .25s var(--spring);flex-wrap:wrap}
.undo-bar.out{animation:undoOut .25s var(--ease) forwards}
@keyframes undoIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@keyframes undoOut{to{transform:translateY(20px);opacity:0}}
.undo-ring{width:38px;height:38px;border-radius:50%;border:3px solid var(--lime);display:grid;place-items:center;font-weight:800;font-size:16px;flex:none;animation:undoPulse 1s linear infinite}
@keyframes undoPulse{0%{box-shadow:0 0 0 0 rgba(200,242,107,.5)}100%{box-shadow:0 0 0 10px rgba(200,242,107,0)}}
.undo-t{flex:1;min-width:120px;display:flex;flex-direction:column;gap:1px}.undo-t b{font-size:13.5px}.undo-t small{font-size:11.5px;opacity:.8}
.undo-bar .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
.undo-bar .btn.primary{background:var(--lime);color:#08503A;box-shadow:none}
.hemat-head{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted);margin:2px 0 8px}.hemat-head .ok{color:var(--ok);font-size:13px}
.pk .hemat{grid-column:1/-1;font-size:11px;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:4px 8px;border-radius:8px;margin-top:4px;display:inline-block}