/* PIPIO V4.9.95 · GRUP 11 · Monetisasi SANDBOX: no auth, video access, wallet or gateway changes. */
.pipio-pro .pipio65-collection-actions>button,
.pipio-pro .p481-member-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.pipio-pro .pipio65-collection-actions>button:hover,.pipio-pro .p481-member-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4d31711c}
.pipio-pro .p481-member-card{background:linear-gradient(153deg,#fff,#faf7ff 78%);border:1px solid #e0d5f5;border-radius:22px}
.pipio-pro .p481-member-plan{border-radius:15px;background:#f3ebff;color:#523088;padding:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pipio-pro .p481-member-subscribe{min-height:45px;box-shadow:0 5px 14px #724ad134}
.pipio-pro .pipio-ticket-work-row{border-radius:14px;margin:4px 0;padding:13px 12px;border:1px solid #e9e1f1;background:#fff;box-shadow:0 3px 12px #4937680b}
.pipio-pro .pipio-ticket-work-row .pc-action{border-radius:12px;min-height:43px}
.pipio-pro .pipio-creator-wallet-test .pipio-wallet-target{background:linear-gradient(140deg,#50318a,#292444);color:#fff;border-radius:18px;padding:20px}
.pipio-pro .pipio-creator-wallet-test .pipio-wallet-target strong{color:#fff}
.pipio-pro .pipio-creator-wallet-test .pipio-wallet-grid>div{border-radius:14px}
.pipio-pro .g11-access-note{background:#f8f3ff;border:1px solid #dcd0ed;border-left:4px solid #895add;border-radius:14px;padding:14px 15px;color:#4c3b69;margin-top:18px}
.pipio-pro .g11-access-note strong{font-size:13px}
.pipio-pro .g11-access-note p{font-size:12px;line-height:1.65;margin:6px 0 0}
#pipio-pay-drawer{padding:clamp(8px,2vw,20px);background:#120d24ba;backdrop-filter:blur(10px)}
#pipio-pay-drawer .pipio-pay-card{box-sizing:border-box;width:min(100%,580px);max-height:min(92dvh,850px);overflow-y:auto;border-radius:24px;padding:clamp(17px,3vw,26px);border:1px solid #dacfee;background:linear-gradient(165deg,#fff,#faf7ff);color:#29233e;box-shadow:0 25px 80px #12072380}
#pipio-pay-drawer .pipio-pay-top{position:sticky;top:-27px;background:#fffefef2;backdrop-filter:blur(10px);z-index:2;border-bottom:1px solid #e8e0f0;padding:10px 0 14px;margin-bottom:14px}
#pipio-pay-drawer .pipio-pay-top b{font-size:18px;letter-spacing:-.02em}
#pipio-pay-drawer .pipio-pay-close{background:#f0eafa;color:#463065;min-width:40px;min-height:40px;border:1px solid #e1d5ef}
#pipio-pay-drawer .pipio-pay-warning{padding:14px;background:#fff3ea;color:#824921;border:1px solid #f3d3b7;border-left:4px solid #e8a269;border-radius:14px;font-size:12px;line-height:1.65}
#pipio-pay-drawer .pipio63-sandbox-chip{display:inline-flex;margin:3px 0 8px;padding:7px 11px;background:#f7e8fb;color:#6e3a83;border-radius:999px;font-weight:800;font-size:11px}
#pipio-pay-drawer .pipio-pay-main,#pipio-pay-drawer .pipio-pay-link{min-height:47px;border-radius:13px;background:linear-gradient(120deg,#8257e6,#b34baf);color:white;border:0;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;box-shadow:0 5px 16px #744ce02a}
#pipio-pay-drawer .pipio-pay-main.secondary{background:#efeafa;color:#593e87;border:1px solid #dfd2ef;box-shadow:none}
#pipio-pay-drawer .pipio-pay-main:disabled{opacity:.55;cursor:not-allowed}
#pipio-pay-drawer .pipio-pay-main[hidden],#pipio-pay-drawer .pipio-pay-link[hidden]{display:none!important}
#pipio-pay-drawer .pipio-pay-status{color:#4b3b6c;background:#f2edfb;border-radius:12px;padding:10px 12px;margin:12px 0;min-height:16px;overflow-wrap:anywhere}
#pipio-pay-drawer .pipio-pay-status:empty{display:none}
#pipio-pay-drawer .pipio-pay-inline{color:#6d647e;line-height:1.6}
#pipio-pay-drawer .pipio-pay-flex label{gap:10px;flex-wrap:wrap}
#pipio-pay-drawer .pipio-pay-flex select{background:#fff;border:1px solid #d6c7e8;color:#342248;border-radius:12px;min-height:43px;padding:9px}
#pipio-pay-drawer .pipio-ledger-tabs button{background:#f5f0fa;border:1px solid #e1d6eb;color:#584771;min-height:47px;border-radius:12px}
#pipio-pay-drawer .pipio-ledger-tabs button.selected{background:#6544b1;color:white;border-color:#6544b1}
#pipio-pay-drawer .pipio-ledger-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
#pipio-pay-drawer .pipio-ledger-stats>div{background:#f6f2fc;color:#302442;border-color:#dfd4ec;border-radius:15px}
#pipio-pay-drawer .pipio-ledger-stats small{color:#6e6082}
#pipio-pay-drawer .pipio-ledger-card h3{color:#2c2140}
#pipio-pay-drawer .pipio-ledger-row{border-bottom:1px solid #e8e1ee;color:#302940;padding:13px 0;align-items:flex-start}
#pipio-pay-drawer .pipio-ledger-row small{color:#766a88;line-height:1.5}
#pipio-pay-drawer .pipio-ledger-empty{color:#756984}
#pipio-pay-drawer .pipio-ledger-note{background:#f3edfb;color:#4e3d70}
#pipio-pay-drawer .pipio-test-wallet{background:linear-gradient(145deg,#422975,#26233e);border:1px solid #7c63a8}
#pipio-pay-drawer .pipio-test-wallet small{color:#e5daef}
#pipio-pay-drawer .pipio-test-wallet-header,#pipio-pay-drawer .pipio-test-wallet-footer,#pipio-pay-drawer .pipio-test-wallet-value{color:#fff}
#pipio-pay-drawer .pipio-test-wallet-button{cursor:not-allowed;opacity:.7}
#pipio-pay-drawer .g11-checkout-summary{display:grid;gap:8px;padding:15px;border-radius:17px;background:linear-gradient(140deg,#f2e9ff,#fff 86%);border:1px solid #d9c9f3;margin:12px 0}
#pipio-pay-drawer .g11-checkout-summary .g11-amount{font-size:clamp(25px,5vw,34px);font-weight:900;color:#5b3ca0;line-height:1.18}
#pipio-pay-drawer .g11-badge{font-size:10px;letter-spacing:.1em;font-weight:900;text-transform:uppercase;color:#6945a8}
#pipio-pay-drawer .g11-checkout-summary small{font-size:12px;color:#625478;line-height:1.5}
#pipio-pay-drawer .g11-order-status{display:inline-flex;max-width:max-content;border-radius:999px;border:1px solid #d9cfef;background:#f6f1ff;padding:3px 9px;font-size:11px;font-weight:700;color:#5d4c89}
#pipio-pay-drawer .g11-order-paid{background:#e4f6ed;color:#186a46;border-color:#b9e9d2}
#pipio-pay-drawer .g11-order-pending{background:#fff4de;color:#80540e;border-color:#f2ddba}
#pipio-pay-drawer .g11-order-failed,#pipio-pay-drawer .g11-order-expired{background:#ffedf0;color:#8a374a;border-color:#f4c2cc}
#pipio-pay-drawer .g11-member-history{padding:13px;border-radius:16px;background:#f7f3ff;border:1px solid #e4dbee;margin:14px 0}
#pipio-pay-drawer .g11-member-history p{color:#6d5b80;font-size:12px;line-height:1.55}
#pipio-pay-drawer .g11-member-history-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #e5dcec}
#pipio-pay-drawer .g11-member-history-row span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:750}
#pipio-pay-drawer .g11-member-history-row small{color:#76688d;font-weight:400}
#pipio-pay-drawer .g11-member-history-row b{white-space:normal;text-align:center;font-size:10px}
#pipio-pay-drawer :is(button,a,input,select,summary):focus-visible{outline:3px solid #8b62df;outline-offset:3px}
@media(max-width:590px){#pipio-pay-drawer{padding:0;align-items:flex-end}#pipio-pay-drawer .pipio-pay-card{width:100%;max-height:93dvh;border-radius:24px 24px 0 0;padding:18px 15px calc(24px + env(safe-area-inset-bottom,0px))}#pipio-pay-drawer .pipio-pay-top{top:-18px}#pipio-pay-drawer .pipio-ledger-row{flex-wrap:wrap}#pipio-pay-drawer .pipio66-ledger-actions{margin-left:auto}#pipio-pay-drawer .pipio-ledger-tabs{gap:7px}}
@media(max-width:360px){#pipio-pay-drawer .pipio-ledger-stats{grid-template-columns:1fr}#pipio-pay-drawer .pipio-ledger-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pipio-pro .pipio65-collection-actions>button,.pipio-pro .p481-member-card{transition:none!important;transform:none!important}}

#pipio-pay-drawer .pipio66-history-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:15px 0 10px}
#pipio-pay-drawer .pipio66-history-top h3{margin:0}
#pipio-pay-drawer .pipio66-history-actions{display:flex;gap:8px;flex-wrap:wrap}
#pipio-pay-drawer .pipio66-history-actions button,#pipio-pay-drawer .pipio66-hide{background:#f4eeff;color:#654393;border:1px solid #ddd0f2;border-radius:10px;min-height:35px;padding:8px 11px;font:700 11px/1.25 system-ui;cursor:pointer}
#pipio-pay-drawer .pipio66-history-actions button:hover,#pipio-pay-drawer .pipio66-hide:hover{background:#e9ddfa}
#pipio-pay-drawer .pipio66-ledger-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:46%}
#pipio-pay-drawer .pipio66-ledger-actions b{color:#402b62;font-size:13px;overflow-wrap:anywhere;text-align:end}