/* Admin / Member / Social prototype skins */
.admin-body{display:flex;min-height:100vh;background:#0c0806;color:#f3e6dc}
.adm-side{width:220px;flex:none;background:#140e0b;border-right:1px solid rgba(255,140,60,.12);padding:18px 12px;position:sticky;top:0;height:100vh}
.adm-side .logo{display:flex;align-items:center;gap:8px;margin:0 8px 20px;text-decoration:none;color:inherit}
.adm-side nav{display:flex;flex-direction:column;gap:4px}
.adm-side nav a{padding:10px 12px;border-radius:10px;color:#d4b8a8;text-decoration:none;font-size:14px}
.adm-side nav a.on,.adm-side nav a:hover{background:rgba(255,107,43,.14);color:#fff}
.adm-hint{font-size:11px;color:#7d6559;margin:24px 8px}
.adm-main{flex:1;padding:20px 24px 48px;min-width:0}
.adm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.adm-top h1{font-size:22px;margin:0}
.adm-top-actions{display:flex;gap:8px;align-items:center}
.pill{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(255,107,43,.15);color:#ffc093}
.adm-panel{display:none}.adm-panel.on{display:block}
.kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}
.kpi .k{background:#1a120e;border:1px solid rgba(255,140,60,.14);border-radius:14px;padding:14px}
.kpi .k b{display:block;font-size:22px;margin-top:6px;color:#ffc93c}
.kpi .k span{font-size:12px;color:#b8988a}
.adm-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
@media(max-width:960px){.admin-body{flex-direction:column}.adm-side{width:auto;height:auto;position:relative}.adm-grid-2{grid-template-columns:1fr}}
.card-box{background:#1a120e;border:1px solid rgba(255,140,60,.14);border-radius:14px;padding:16px 18px}
.card-box h2,.card-box h3{margin:0 0 12px;font-size:16px}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.adm-table{width:100%;border-collapse:collapse;font-size:13px}
.adm-table th,.adm-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.adm-table th{color:#b8988a;font-weight:600}
.adm-table .btn{margin-right:4px}
.bullets{margin:0;padding-left:18px;color:#d4b8a8;line-height:1.7}
.bullets code,.muted code,p code{font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:4px}

/* Member */
.member-page{padding:20px 0 96px}
.me-hero{display:flex;gap:16px;align-items:center;padding:18px;background:linear-gradient(135deg,#241610,#1a120e);border-radius:16px;border:1px solid rgba(255,140,60,.18);margin-bottom:14px}
.av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b2b,#ffc93c);display:grid;place-items:center;font-weight:800;color:#2a1408;flex:none}
.av.big{width:72px;height:72px;font-size:28px}
.me-stats{display:flex;gap:18px;margin-top:8px;font-size:13px}
.me-stats b{color:#ffc93c}
.me-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:8px;margin-bottom:12px}
.me-tabs button{flex:none;border:0;background:#1a120e;color:#d4b8a8;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,140,60,.12)}
.me-tabs button.on{background:linear-gradient(135deg,#ff6b2b,#ff8a1f);color:#fff;border-color:transparent;font-weight:700}
.me-panel{display:none}.me-panel.on{display:block}
.upload-form{display:grid;gap:12px;max-width:560px}
.upload-form label{display:grid;gap:6px;font-size:13px;color:#b8988a}
.upload-form input,.upload-form select,.upload-form textarea{background:#120c09;border:1px solid rgba(255,140,60,.22);border-radius:10px;padding:10px 12px;color:#f3e6dc;font:inherit}
.file-drop{border:1px dashed rgba(255,140,60,.4)!important;border-radius:12px;padding:22px;text-align:center;cursor:pointer;background:rgba(255,107,43,.04)}
.file-drop b{display:block;margin-top:8px;color:#ffc093}
.upload-form .progress,.works-list .progress{height:6px;background:#2a1d16;border-radius:99px;overflow:hidden;margin-top:8px}
.upload-form .progress i{display:block;height:100%;background:linear-gradient(90deg,#ff6b2b,#ffc93c)}
.ok-msg{color:#7dffa0;margin-top:10px}
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.plan{border:1px solid rgba(255,140,60,.2);border-radius:14px;padding:16px;background:#120c09;position:relative}
.plan.hot{border-color:#ffc93c;box-shadow:0 0 0 1px rgba(255,201,60,.25)}
.plan .price{font-size:28px;font-weight:900;color:#ffc93c;margin:8px 0}
.plan .price small{font-size:13px;color:#b8988a;font-weight:500}
.plan ul{margin:0 0 12px;padding-left:16px;color:#d4b8a8;font-size:13px;line-height:1.6}
.plan .tag-hot{position:absolute;top:10px;right:10px;font-size:11px;background:#ffc93c;color:#2a1408;padding:2px 8px;border-radius:99px;font-weight:700}
.people,.subs-list,.works-list{display:grid;gap:10px}
.person,.sub-row,.work-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#120c09;border:1px solid rgba(255,255,255,.05)}
.person .meta,.work-row .meta{flex:1;min-width:0}
.person .meta b,.work-row .meta b{display:block}
.person .meta span,.work-row .meta span,.sub-row span{font-size:12px;color:#b8988a}
.btn-follow{border:1px solid rgba(255,140,60,.35);background:transparent;color:#ffc093;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:12px}
.btn-follow.on{background:rgba(255,255,255,.08);border-color:transparent;color:#b8988a}

/* Social feed */
.social-page{padding:18px 0 96px}
.feed{display:grid;gap:14px;max-width:640px}
.feed-card{background:#1a120e;border:1px solid rgba(255,140,60,.14);border-radius:16px;overflow:hidden}
.feed-hd{display:flex;align-items:center;gap:10px;padding:12px 14px}
.feed-hd .meta{flex:1}
.feed-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#2a1d16,#1c1410);display:grid;place-items:center;color:#7d6559;font-size:14px}
.feed-bd{padding:12px 14px 14px}
.feed-bd h3{margin:0 0 8px;font-size:15px}
.feed-acts{display:flex;gap:14px;font-size:13px;color:#b8988a}

/* Mid-roll overlay on player */
.midroll{position:absolute;inset:0;z-index:30;background:rgba(8,5,4,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;transform:translateZ(0);isolation:isolate}
.midroll[hidden]{display:none!important}
.midroll .ad-box{width:min(560px,92%);aspect-ratio:16/9;background:linear-gradient(135deg,#2a1d16,#3a2418);border:1px dashed rgba(255,201,60,.45);border-radius:12px;display:grid;place-items:center;color:#ffc093;font-size:15px}
.midroll .skip{position:absolute;right:14px;bottom:14px}
.player{position:relative}

/* audit drawer + badges */
.audit-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:120;background:#140e0b;border-left:1px solid rgba(255,140,60,.2);padding:18px;overflow:auto;box-shadow:-12px 0 40px rgba(0,0,0,.45)}
.audit-drawer[hidden]{display:none!important}
.audit-drawer .drawer-acts{display:flex;gap:8px;margin-top:16px;position:sticky;bottom:0;padding-top:12px;background:#140e0b}
.audit-drawer .rej-label{display:grid;gap:6px;margin-top:12px;font-size:13px;color:#b8988a}
.audit-drawer textarea{background:#120c09;border:1px solid rgba(255,140,60,.22);border-radius:10px;padding:10px;color:#f3e6dc;font:inherit}
.audit-filters{flex-wrap:wrap}
.adm-table .acts .btn{margin:2px}
.person .av{text-decoration:none;color:inherit}
.feed-cover{display:block;text-decoration:none;color:#7d6559}

/* comment moderation chips reuse audit-filters */
#cmtTable td{word-break:break-word;vertical-align:top}

/* ---- VIP checkout modal ---- */
body.pay-open{overflow:hidden}
.pay-mask{position:fixed;inset:0;z-index:200;background:rgba(6,3,2,.72);backdrop-filter:blur(4px)}
.pay-mask[hidden],.pay-modal[hidden]{display:none!important}
.pay-modal{position:fixed;z-index:210;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,94vw);max-height:min(90vh,720px);overflow:auto;background:#160f0c;border:1px solid rgba(255,140,60,.28);border-radius:18px;padding:18px 18px 22px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.pay-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.pay-hd h2{margin:0;font-size:18px}
.pay-steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.pay-steps span{font-size:12px;padding:5px 10px;border-radius:999px;background:#1a120e;color:#7d6559;border:1px solid rgba(255,255,255,.06)}
.pay-steps span.on{color:#fff;background:linear-gradient(135deg,#ff6b2b,#ff8a1f);border-color:transparent}
.pay-steps span.done{color:#ffc093;border-color:rgba(255,140,60,.35)}
.pay-plans{display:grid;gap:8px}
.pay-plan{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,140,60,.2);background:#120c09;color:inherit;cursor:pointer;font:inherit;text-align:left}
.pay-plan.on,.pay-plan.hot.on{border-color:#ffc93c;box-shadow:0 0 0 1px rgba(255,201,60,.3)}
.pay-plan b{font-size:15px}
.pay-plan span{color:#ffc93c;font-weight:700}
.pay-tip{margin-top:10px;font-size:12px}
.pay-order{display:grid;gap:6px;font-size:13px;margin-bottom:12px;padding:10px 12px;background:#1a120e;border-radius:10px;color:#d4b8a8}
.pay-methods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pay-m{border:1px solid rgba(255,140,60,.25);background:#120c09;color:#d4b8a8;border-radius:999px;padding:7px 12px;cursor:pointer;font-size:13px}
.pay-m.on{background:rgba(255,107,43,.18);color:#fff;border-color:#ff6b2b}
.pay-qr-wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pay-qr{background:#fff;padding:10px;border-radius:12px;line-height:0;flex:none}
.pay-qr-meta{flex:1;min-width:160px}
.pay-qr-meta b{font-size:28px;color:#ffc93c}
.pay-qr-meta .btn{margin-top:10px;margin-right:8px}
.pay-success{text-align:center;padding:18px 8px 8px}
.pay-ok-ico{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#7dffa0);color:#0a1a10;font-size:32px;font-weight:900;display:grid;place-items:center}
.pay-success h3{margin:0 0 8px}
.pay-success-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}

/* ---- Analytics charts ---- */
.chart-box{min-height:140px}
.chart-box.tall{min-height:200px}
.chart-svg{width:100%;height:auto;display:block}
.mini-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mini-kpi .mk{background:#120c09;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px}
.mini-kpi .mk span{display:block;font-size:12px;color:#b8988a}
.mini-kpi .mk b{font-size:18px;color:#ffc93c}
.kpi .k{position:relative}
.kpi .delta{display:inline-block;margin-top:6px;font-size:12px;font-style:normal;padding:2px 6px;border-radius:6px}
.kpi .delta.up{color:#7dffa0;background:rgba(125,255,160,.1)}
.kpi .delta.down{color:#ff8a8a;background:rgba(255,100,100,.1)}
.kpi .k-note{display:block;margin-top:4px;font-size:11px;color:#7d6559}
.ch-bars{display:grid;gap:10px}
.ch-bar-row{display:grid;grid-template-columns:56px 1fr 110px;gap:8px;align-items:center;font-size:13px}
.ch-bar-row .n{color:#d4b8a8}
.ch-bar-row .v{color:#b8988a;font-size:12px;text-align:right}
.ch-bar-row .track{height:10px;background:#2a1d16;border-radius:99px;overflow:hidden}
.ch-bar-row .track i{display:block;height:100%;background:linear-gradient(90deg,#ff6b2b,#ffc93c);border-radius:99px}
.funnel{display:grid;gap:8px}
.funnel-step{display:flex;justify-content:center}
.funnel-bar{background:linear-gradient(90deg,rgba(255,107,43,.35),rgba(255,201,60,.25));border:1px solid rgba(255,140,60,.25);border-radius:10px;padding:10px 12px;min-width:40%;text-align:center}
.funnel-bar b{display:block;font-size:13px}
.funnel-bar span{font-size:12px;color:#b8988a}
@media(max-width:560px){
  .pay-qr-wrap{justify-content:center}
  .ch-bar-row{grid-template-columns:48px 1fr; }
  .ch-bar-row .v{grid-column:2;text-align:left}
}


/* v8.1 admin toast / empty / focus */
.toast-host{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);z-index:220;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:min(92vw,380px)}
.toast{background:rgba(28,20,16,.97);border:1px solid rgba(255,201,60,.35);color:#fff6ee;padding:12px 16px;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:13px;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .22s,transform .22s}
.toast.on{opacity:1;transform:none}.toast.out{opacity:0}
.toast-ok{border-color:rgba(125,255,160,.4)}.toast-warn{border-color:rgba(255,201,60,.55)}.toast-err{border-color:rgba(255,107,107,.55)}
.empty-state{padding:28px 16px;text-align:center;color:#8a7163;background:#1a120e;border:1px dashed rgba(255,140,60,.2);border-radius:12px;display:grid;justify-items:center;gap:4px}
.empty-state .empty-ico{font-size:24px;margin-bottom:4px}
.empty-state b{color:#c4a794;display:block;margin-bottom:4px}
.using-kbd :focus-visible{outline:2px solid #ffc93c;outline-offset:2px}