/* RuangCPNS — gaya untuk paket & menu dinamis */
.prod-vip{color:#e2e8f0;border:0;background:radial-gradient(600px 260px at 100% 0,rgba(230,0,126,.35),transparent 60%),radial-gradient(500px 260px at 0 100%,rgba(0,159,227,.3),transparent 60%),linear-gradient(160deg,#0b1220,#1e1b4b)}
.prod-vip h3,.prod-vip .price{color:#fff}
.prod-vip .muted,.prod-vip .price small{color:#cbd5e1!important}
.prod-vip ul{color:#e2e8f0}
.prod-vip ul li:before{background-color:rgba(16,185,129,.18)}
.prod-vip .ic{background:linear-gradient(135deg,#f59e0b,#e6007e)}
.prod-vip .hp-old{color:#94a3b8}
.prod-vip:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(120deg,#f59e0b,#e6007e,#009fe3,#f59e0b);background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vipRing 6s linear infinite;pointer-events:none}
@keyframes vipRing{to{background-position:300% 0}}
.vip-band{display:grid;gap:18px;align-items:center;border-radius:26px;padding:24px 20px;color:#e2e8f0;background:radial-gradient(700px 300px at 100% 0,rgba(230,0,126,.35),transparent 60%),radial-gradient(600px 300px at 0 100%,rgba(0,159,227,.3),transparent 60%),linear-gradient(160deg,#0b1220,#1e1b4b);position:relative;overflow:hidden}
.vip-band h2{color:#fff;margin:6px 0 8px}
.vip-band .eyebrow{color:#fde68a}
.vip-band .hp-old{color:#94a3b8}
.vip-band .price{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.03em}
.vip-band ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.92rem}
.vip-band ul li:before{content:"✓";color:#34d399;font-weight:800;margin-right:8px}
@media (min-width:900px){.vip-band{grid-template-columns:1.2fr .8fr;padding:34px 36px}}
.drawer .pn a.it .badge{font-size:.62rem}
/* Chat Admin */
.chat{display:flex;flex-direction:column;padding:0;overflow:hidden}
.chat-list{height:min(60vh,520px);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f8fbff,#fff)}
.msg{display:flex} .msg.out{justify-content:flex-end}
.msg .bub{max-width:82%;padding:9px 12px;border-radius:16px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;color:var(--ink);border-bottom-left-radius:6px}
.msg.out .bub{background:var(--grad);color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:6px}
.msg .bub b{display:block;font-size:.72rem;color:var(--blue-d);margin-bottom:2px}
.msg .bub small{display:block;font-size:.66rem;opacity:.7;margin-top:3px;text-align:right}
.chat-empty{margin:auto;text-align:center;color:var(--mut);font-size:.92rem;max-width:300px}
.chat-in{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--line);background:#fff}
.chat-in .in{height:auto;min-height:46px;padding:12px 14px;resize:none;line-height:1.4}
.chat-in .btn{flex:0 0 46px;padding:0}
.chat-adm{display:grid;gap:14px}
.chat-th .th{display:flex;gap:10px;align-items:center;padding:9px;border-radius:12px;color:var(--ink)}
.chat-th .th small{display:block;color:var(--mut);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-th .th.on,.chat-th .th:hover{background:var(--grad-soft)}
.chat-th .pill-n{background:#f59e0b;color:#111;border-radius:99px;padding:0 7px;font-size:.7rem;font-weight:800}
.dot-new{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-left:4px;vertical-align:middle}
@media (min-width:900px){.chat-adm{grid-template-columns:300px 1fr;align-items:start}}