/* Nusa Politik v7.26 — Visual & Scannability Upgrade. Guna pembolehubah tema sedia ada (cerah/gelap). */
.toast-stack:has(.pp-toast){top:auto;left:auto;right:var(--space-3);bottom:calc(var(--bottom-nav-h,0px) + 12px + 44px + 14px + 44px + 8px + env(safe-area-inset-bottom,0px));width:min(340px,calc(100vw - 24px))}
.pp-toast{display:block;position:relative;overflow:hidden;animation:ppMasuk .25s ease-out}
.pp-toast--impak{border-left-color:var(--red,#C8102E)}
.pp-toast__tajuk{display:block;font-size:.85rem;margin-bottom:.35rem}
.pp-toast__masa{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold,#d4a017);transform-origin:left;animation:ppMasa linear forwards}
@keyframes ppMasuk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ppMasa{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.pp-toast,.pp-toast__masa{animation:none}}
.pp-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.pp-chip{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.pp-chip--g{color:#14994F;background:rgba(20,153,79,.12)}
.pp-chip--r{color:#D93636;background:rgba(217,54,54,.12)}
.pp-chip--o{color:#C77700;background:rgba(199,119,0,.14)}
.pp-drawer{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s}
.pp-drawer.is-open{opacity:1;pointer-events:auto}
.pp-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);background:var(--bg-elev-1,var(--bg-elev-3));color:var(--white);border-left:2px solid var(--border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s}
.pp-drawer.is-open .pp-drawer__panel{transform:none}
.pp-drawer__kepala{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}
.pp-drawer__kepala h2{font-size:1rem;margin:0}.pp-drawer__kepala small{opacity:.65;font-weight:400}
.pp-drawer__kepala button{min-width:40px;min-height:40px;background:none;border:0;color:inherit;font-size:1.1rem;cursor:pointer}
.pp-drawer__isi{overflow:auto;padding:.8rem 1rem 1.5rem}
.pp-tapis{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}
.pp-tapis button{padding:.3rem .7rem;border-radius:99px;border:1px solid var(--border);background:none;color:inherit;font-size:.78rem;cursor:pointer}
.pp-tapis button.on{background:var(--red,#C8102E);border-color:var(--red,#C8102E);color:#fff}
.pp-bulan{display:block;margin:.8rem 0 .3rem;font-size:.68rem;letter-spacing:.08em;opacity:.65}
.pp-log{padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.pp-log .pp-chips{margin-top:.3rem}
.pp-kosong,.pp-nota{font-size:.8rem;opacity:.8;margin:.4rem 0 0}
.pp-kad h4{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin:.2rem 0 .5rem;font-size:.9rem}
.pp-kad h4 small{font-weight:400;opacity:.65;font-size:.72rem}.pp-sub{margin-top:1rem!important}
.pp-stack{position:relative;display:flex;height:26px;border-radius:6px;overflow:hidden;background:rgba(128,128,128,.28)}
.pp-stack i{display:block;color:#fff;font:700 .68rem/26px system-ui;font-style:normal;text-align:center;overflow:hidden;white-space:nowrap;transition:width .4s}
.pp-maj{position:absolute;top:-2px;bottom:-2px;width:0;border-left:2px dashed var(--white)}
.pp-leg{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.4rem;font-size:.72rem}
.pp-leg span::before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.3rem;border-radius:2px;background:var(--c)}
.pp-pb{margin-bottom:.6rem}.pp-pb__t{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.2rem}
.pp-pb__b{height:10px;border-radius:99px;background:rgba(128,128,128,.28);overflow:hidden}
.pp-pb__b i{display:block;height:100%;border-radius:99px;transition:width .4s}
.pp-live{color:#fff;background:#C8102E;border-radius:4px;padding:0 .35rem;font-size:.62rem;font-weight:700;animation:ppDenyut 1.4s infinite}
@keyframes ppDenyut{50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){.pp-live{animation:none}.pp-stack i,.pp-pb__b i,.pp-drawer,.pp-drawer__panel{transition:none}}

.pp-toast{padding-right:4.6rem}
.pp-toast__bt{position:absolute;top:2px;right:2px;display:flex;gap:2px}
.pp-toast__min,.pp-toast__x{position:static!important}
.pp-toast__x{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.65;font-size:.85rem;line-height:1;cursor:pointer}
.pp-toast__min{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.65;font-size:.85rem;line-height:1;cursor:pointer}
.pp-toast__min:hover,.pp-toast__min:focus-visible,.pp-toast__x:hover,.pp-toast__x:focus-visible{opacity:1;background:rgba(128,128,128,.25)}

/* Pil notifikasi: sebelah KIRI (di atas butang bantuan), jauh daripada bar audio di kanan bawah. */
.pp-loceng{position:fixed;left:16px;bottom:calc(var(--bottom-nav-h,0px) + 12px + 44px + 14px + env(safe-area-inset-bottom,0px));z-index:150;height:44px;min-width:44px;padding:0 .7rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:99px;border:2px solid var(--gold,#d4a017);background:var(--bg-elev-3);color:var(--white);box-shadow:var(--shadow);font:700 .8rem system-ui;cursor:pointer}
.pp-loceng .pp-pil__t,.pp-loceng .pp-pil__a{display:none}
.pp-loceng.pp-pil--penuh .pp-pil__t,.pp-loceng.pp-pil--penuh .pp-pil__a{display:inline}
.pp-loceng.pp-pil--senyap{opacity:.85}
.pp-loceng em{min-width:20px;height:20px;padding:0 4px;border-radius:99px;background:#C8102E;color:#fff;font:700 .7rem/20px system-ui;font-style:normal;text-align:center}
.pp-loceng:not(.pp-pil--penuh) em{position:absolute;top:-6px;right:-6px}
.pp-loceng em[hidden]{display:none}
.pp-pop{position:fixed;left:16px;bottom:calc(var(--bottom-nav-h,0px) + 12px + 44px + 14px + 44px + 8px + env(safe-area-inset-bottom,0px));z-index:151;width:min(300px,calc(100vw - 32px));max-height:50vh;overflow:auto;background:var(--bg-elev-3);color:var(--white);border:1px solid var(--border);border-radius:12px;padding:.6rem .7rem;box-shadow:var(--shadow)}
.pp-pop[hidden]{display:none}
.pp-pop__kepala{font-size:.8rem;margin-bottom:.3rem}
.pp-pop__baris{padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.pp-pop__baris .pp-chips{margin-top:.25rem}
.pp-pop__kaki{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}
.pp-pop__kaki button{min-height:40px;border:1px solid var(--border);border-radius:8px;background:none;color:inherit;font-size:.78rem;cursor:pointer}
/* Pil dan senarai ringkas disembunyikan semasa tetingkap acara/menu terbuka, supaya tidak menutup pilihan. */
body.modal-open .pp-loceng,body.modal-open .pp-pop,body.modal-open .pp-drawer{display:none}