/* Notifikasi telefon TuTu: kad kebenaran, banner, butang, halaman Hebahan dan senarai notifikasi. */
.push-toggle .ticon{width:17px;height:17px}.push-toggle[data-push-state=on]{color:#0d8b7c;border-color:#12a99766;background:#12a99714}.push-toggle[data-push-state=denied]{color:#c22f34}
#push-ask{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9990;width:min(440px,calc(100vw - 24px));display:flex;gap:12px;align-items:flex-start;padding:14px 16px 14px 10px;border-radius:24px;background:var(--glass-strong,#fff);border:1px solid #fb4f7a40;box-shadow:0 24px 60px #2b183840;transform:translate(-50%,130%);transition:transform .45s cubic-bezier(.2,1.3,.4,1)}
#push-ask.in{transform:translate(-50%,0)}#push-ask img{width:74px;height:74px;flex:none;margin-top:-26px;animation:tutu-wait-bob 1.2s ease-in-out infinite}
#push-ask b{font-size:16px;color:var(--ink)}#push-ask p{margin:4px 0 10px;font-size:13.5px;line-height:1.5;color:var(--muted)}.push-ask-btns{display:flex;gap:8px;flex-wrap:wrap}
#push-banners{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:9995;display:grid;gap:8px;width:min(420px,calc(100vw - 20px));pointer-events:none}
.push-banner{pointer-events:auto;display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 14px 12px 8px;border:1px solid #ffffff80;border-radius:22px;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px #2b183838;font:inherit;color:#2b1838;cursor:pointer;transform:translateY(-140%) scale(.9);opacity:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .3s}
.push-banner.in{transform:none;opacity:1}.push-banner img{width:54px;height:54px;flex:none;animation:tutu-wait-bob 1s ease-in-out 2}
.push-banner span{display:grid;gap:2px;min-width:0}.push-banner small{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#9a8aa8;text-transform:uppercase}.push-banner b{font-size:14.5px}.push-banner em{font-style:normal;font-size:13px;color:#5f6b7e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme=dark] .push-banner{background:#22324aeb;color:#eef2fa;border-color:#ffffff22}html[data-theme=dark] .push-banner em{color:#c3cbe0}
.push-ios{display:grid;justify-items:center;gap:8px}
/* Hebahan */
.pb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.pb-stats article{display:grid;gap:2px;padding:16px;border-radius:20px;text-align:center}.pb-stats span{font-size:24px}.pb-stats b{font-size:28px;line-height:1.1}.pb-stats small{color:var(--muted);font-weight:600}
.pb-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start;margin-bottom:18px}
.pb-form-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.pb-templates{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.pb-count{display:block;text-align:right;margin:-8px 0 8px}
.pb-target{display:flex;flex-wrap:wrap;gap:6px}.pb-pill input{position:absolute;opacity:0}.pb-pill span{display:inline-block;padding:8px 14px;border-radius:99px;border:1px solid var(--line);font-weight:700;font-size:13px;cursor:pointer;background:var(--glass)}.pb-pill input:checked+span{background:linear-gradient(135deg,#fb4f7a,#7b5cf6);color:#fff;border-color:transparent}.pb-pill input:focus-visible+span{outline:3px solid #fb4f7a66}
.pb-sub{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--glass)}
.pb-preview{position:sticky;top:90px;display:grid;justify-items:center;gap:8px}
.pb-phone{position:relative;width:290px;height:560px;border-radius:44px;padding:14px;background:linear-gradient(160deg,#ff8fb0 0%,#fb4f7a 35%,#9b5cf6 75%,#4b2fa8 100%);border:10px solid #1b1340;box-shadow:0 30px 70px #2b183855,inset 0 0 0 2px #ffffff22;overflow:hidden}
.pb-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:99px;background:#1b1340}
.pb-lock{text-align:center;color:#fff;margin-top:40px;text-shadow:0 4px 14px #2b183855}.pb-lock small{display:block;font-weight:700;font-size:13px;opacity:.9}.pb-lock b{display:block;font-size:64px;font-weight:700;line-height:1;letter-spacing:-.02em}
.pb-notif{display:flex;gap:10px;margin-top:22px;padding:12px;border-radius:20px;background:#ffffffd9;backdrop-filter:blur(14px);box-shadow:0 12px 30px #2b183833;color:#1b1340}
.pb-notif.pop{animation:pb-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes pb-pop{from{transform:translateY(-8px) scale(.96);opacity:.6}}
.pb-notif img{width:38px;height:38px;border-radius:10px;flex:none}.pb-notif div{min-width:0}.pb-notif small{display:flex;justify-content:space-between;gap:6px;font-size:9.5px;color:#6b6380;letter-spacing:.04em}.pb-notif strong{display:block;font-size:13.5px;margin:2px 0}.pb-notif p{margin:0;font-size:12.5px;line-height:1.4;color:#3a3150;word-wrap:break-word}
.pb-tutu{position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}.pb-hint{font-size:12px;text-align:center;max-width:290px}
.pb-list{display:grid;gap:10px}.pb-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}.pb-item.draft{border-style:dashed;border-color:#fb4f7a66}
.pb-item-ic{font-size:24px}.pb-item b{font-size:15px}.pb-item p{margin:2px 0 4px;color:var(--muted);font-size:13.5px}.pb-item small{color:var(--muted);font-size:12px}.pb-item>div:nth-child(2){flex:1;min-width:0}.pb-item-act{display:flex;gap:6px;flex-wrap:wrap}
/* Senarai notifikasi */
.ntf-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:24px;margin-bottom:16px;background:linear-gradient(135deg,#fff0f5,#f3edff);border:1px solid #fb4f7a26}
html[data-theme=dark] .ntf-hero{background:linear-gradient(135deg,#2a2440,#1f2a40)}
.ntf-hero>div{flex:1;min-width:220px}.ntf-hero h2{margin:0 0 4px}.ntf-hero p{margin:0;color:var(--muted);font-size:14px}.ntf-hero-acts{display:flex;gap:8px;flex-wrap:wrap}
.ntf-list{display:grid;gap:10px}
.ntf{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:20px;background:var(--glass-strong,#fff);border:1px solid var(--line);transition:transform .2s,box-shadow .2s;animation:tai-in .3s ease}
.ntf:hover{transform:translateY(-2px);box-shadow:0 14px 30px #18212f14}
.ntf.unread{border-color:#fb4f7a55;box-shadow:0 10px 28px #fb4f7a1a;background:linear-gradient(135deg,#fff,#fff6f9)}html[data-theme=dark] .ntf.unread{background:#26304a}
.ntf-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:21px;background:#fb4f7a14}.ntf.broadcast .ntf-ic{background:linear-gradient(135deg,#fb4f7a,#7b5cf6);color:#fff}
.ntf-body{flex:1;min-width:0}.ntf-body small{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.ntf-body b{display:block;font-size:15px;margin:2px 0}.ntf-body p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.ntf-dot{width:9px;height:9px;border-radius:50%;background:#fb4f7a;box-shadow:0 0 0 4px #fb4f7a26}
.ntf-tag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:#7b5cf61a;color:#6d3fd0;letter-spacing:.04em}
@media(max-width:900px){.pb-grid{grid-template-columns:1fr}.pb-preview{position:static}.pb-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.pb-stats b{font-size:22px}.pb-stats article{padding:10px}.pb-phone{transform:scale(.92)}.ntf{padding:12px}}
.push-row{display:flex;flex-wrap:wrap;gap:8px}