:root{
--bg:#080910;--s1:#0d0f17;--s2:#12151f;--s3:#171b27;--s4:#1d2235;
--b1:rgba(255,255,255,0.055);--b2:rgba(255,255,255,0.11);--b3:rgba(255,255,255,0.18);
--t1:#f1f3fa;--t2:#9ba3be;--t3:#7480a0;
--ac:#7c3aed;--ac2:#8b5cf6;--ac3:#a78bfa;--ag:rgba(124,58,237,0.15);--ag2:rgba(139,92,246,0.08);
--cy:#06b6d4;--cy2:rgba(6,182,212,0.15);
--gn:#22c55e;--gn-hover:#16a34a;--gd:rgba(34,197,94,0.1);
--am:#f59e0b;--ad:rgba(245,158,11,0.1);
--rd:#ef4444;--rdd:rgba(239,68,68,0.1);
--bl:#3b82f6;--bld:rgba(59,130,246,0.1);
--fn:'Inter',system-ui,sans-serif;
--fd:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
--mo:'JetBrains Mono','Fira Code',monospace;
--r:8px;--r2:12px;--r3:16px;
--sb-w:240px;--sb-cw:44px;
--white:#fff;--ink:#080910;
--ac-hover:#6d28d9;
--shadow-sm:0 1px 3px rgba(0,0,0,.5);
--shadow-md:0 4px 16px rgba(0,0,0,.6);
--shadow-glow:0 0 32px rgba(124,58,237,0.25);
--topbar-h:44px;
}
html.lt{--bg:#f4f5f7;--s1:#fff;--s2:#f0f2f4;--s3:#e4e7eb;--b1:rgba(0,0,0,0.07);--b2:rgba(0,0,0,0.13);--t1:#0f172a;--t2:#374151;--t3:#6b7280;--ac2:#4f52d9;--gn:#16a34a;--gd:rgba(22,163,74,0.09);--am:#d97706;--ad:rgba(217,119,6,0.09);--rd:#dc2626;--rdd:rgba(220,38,38,0.09);--bl:#2563eb;--bld:rgba(37,99,235,0.09)}html.lt .sb-sv-lbl{color:#374151!important}html.lt .ni:hover{background:#e8eaed!important;color:#111827!important}html.lt .ni.active{background:var(--ac2)!important;color:#fff!important;font-weight:600!important;border-left:2px solid var(--ac2)!important;padding-left:8px!important}html.lt .sb-waddr{color:#374151!important}html.lt .mcard{background:#fff;border-color:rgba(0,0,0,.09)}html.lt .mmeta{color:#374151!important}html.lt .mhdr{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.08)}html.lt .pm-mkt-tab{color:#374151;border-color:rgba(0,0,0,.1)}html.lt .pm-mkt-tab.active{background:var(--ac);color:#fff;border-color:var(--ac)}
/* ══════════════════════════════════════════════════
   COMIC THEME
   Rules:
   • Bangers ONLY for display text (headings, buttons, nav, tabs, badges)
   • DM Sans for ALL body copy, labels, inputs, data
   • Black (#0f0f0f) outlines everywhere — classic ink look
   • High-contrast: black text on white/yellow, white on red/green/blue
   • No letter-spacing on body text — only on display elements
   ══════════════════════════════════════════════════ */
html.comic{
  --bg:#fef9e7;--s1:#fff;--s2:#fef3c7;--s3:#fde68a;--b1:rgba(0,0,0,0.12);--b2:rgba(0,0,0,0.22);
  --t1:#0f0f0f;--t2:#333;--t3:#666;--ac:#e63946;--ac2:#c1121f;--ag:rgba(230,57,70,.12);
  --gn:#1b7a4a;--gd:rgba(27,122,74,0.1);--am:#b45309;--ad:rgba(180,83,9,0.09);
  --rd:#e63946;--rdd:rgba(230,57,70,0.1);--bl:#0077b6;--bld:rgba(0,119,182,0.1);
  --fn:'DM Sans',system-ui,sans-serif;--mo:'DM Mono',monospace
}

/* ── Base ── */
html.comic body{background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;color:#0f0f0f}
html.comic *{letter-spacing:normal}

/* ── Halftone dot background ── */
html.comic body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;isolation:isolate;
  background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);
  background-size:18px 18px;
}
html.comic .topbar,html.comic .sidebar,html.comic .top-tabbar,html.comic .tab-panel,
html.comic .wz-body,html.comic .ll,html.comic .mbox{position:relative;z-index:1}

/* ── Topbar ── */
html.comic .topbar{
  background:#fff !important;
  border-bottom:3px solid #0f0f0f !important;
  box-shadow:0 3px 0 #0f0f0f;
  height:48px;
}
html.comic .brand .a{
  font-family:'Bangers',cursive !important;
  font-size:22px !important;
  letter-spacing:1px;
  color:#e63946 !important;
  -webkit-text-fill-color:#e63946 !important;
  background:none !important;
}
html.comic .brand .m{font-family:'Bangers',cursive !important;color:#0f0f0f !important;font-size:18px !important;letter-spacing:2px}
html.comic .brand .p{font-family:'Bangers',cursive !important;color:#888 !important;font-size:13px !important;letter-spacing:1.5px}

/* Search */
html.comic .tb-search{
  background:#fff;border:2.5px solid #0f0f0f;border-radius:8px;
  box-shadow:2px 2px 0 #0f0f0f;max-width:260px
}
html.comic .tb-search:focus-within{border-color:#e63946;box-shadow:3px 3px 0 #e63946}
html.comic .tb-search input{font-family:'DM Sans',sans-serif;font-size:12px;color:#0f0f0f}
html.comic .tb-search input::placeholder{color:#999}
html.comic .tb-search-icon{color:#0f0f0f}
html.comic .tb-search-kbd{background:#fde68a;border:1.5px solid #0f0f0f;border-radius:4px;color:#0f0f0f;font-weight:700}

/* Icon buttons */
html.comic .tb-icon-btn{background:#fef3c7;border:2px solid #0f0f0f;color:#0f0f0f;font-weight:700;border-radius:6px;box-shadow:2px 2px 0 #0f0f0f}
html.comic .tb-icon-btn:hover{background:#fde68a;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0f0f0f}

/* Wallet pill */
html.comic .tb-wallet-pill{background:#fef3c7 !important;border:2px solid #0f0f0f !important;border-radius:14px;box-shadow:2px 2px 0 #0f0f0f}
html.comic .tb-wallet-pill .wdot{background:#16a34a;border:1.5px solid #0f0f0f}
html.comic .tb-wallet-pill-name{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;color:#0f0f0f}

/* Wallet ID bar */
html.comic .tb-wallet-id{background:#fff !important;border:2px solid #0f0f0f !important;border-radius:14px;box-shadow:2px 2px 0 #0f0f0f}
html.comic .tb-net-badge{background:#fde68a !important;border:2px solid #0f0f0f !important;color:#0f0f0f !important;font-weight:700;border-radius:8px}
html.comic .tb-wid-bal{background:#fef9e7 !important;border:1.5px solid #0f0f0f !important;border-radius:8px;padding:2px 7px;box-shadow:1px 1px 0 #0f0f0f}
html.comic .tb-avatar{border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f;border-radius:50%}

/* Topbar right buttons */
html.comic .topbar .topbar-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
html.comic .topbar .btn-p,html.comic .topbar .btn-g{height:30px !important;border-radius:6px !important}
html.comic #navUploadBtn{
  background:#e63946 !important;color:#fff !important;
  border:2.5px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important;
  font-family:'Bangers',cursive !important;font-size:14px !important;letter-spacing:.8px !important
}
html.comic #navUploadBtn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0f0f0f !important}
html.comic #connectBtn{
  background:#fde68a !important;color:#0f0f0f !important;
  border:2.5px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important;
  font-family:'Bangers',cursive !important;font-size:14px !important;letter-spacing:.8px !important
}
html.comic #connectBtn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0f0f0f !important}
html.comic #disconnectBtn{background:#fff !important;color:#0f0f0f !important;border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important}
html.comic #disconnectBtn:hover{background:#fef2f2 !important}
html.comic #switchBtn{background:#fef3c7 !important;color:#0f0f0f !important;border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important}

/* ── Network warning ── */
html.comic .nw{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;background:#0f0f0f;color:#fde68a;border-bottom:2px solid #e63946}

/* ── Sidebar ── */
html.comic .sidebar{background:#fff;border-right:3px solid #0f0f0f;box-shadow:3px 0 0 #0f0f0f}
html.comic .sb-top-label{font-family:'Bangers',cursive;letter-spacing:1.5px;font-size:12px;color:#888}
html.comic .sb-waddr{font-family:'DM Mono',monospace;font-size:10px;color:#555}
html.comic .sb-wbal{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:800;color:#1b7a4a}
html.comic .ni{border-radius:4px;transition:all .12s}
html.comic .ni .ni-icon{font-size:14px}
html.comic .ni-label{font-family:'DM Sans',sans-serif;font-weight:600}
html.comic .ni.active{background:#fde68a;color:#c1121f;border:2px solid #0f0f0f;border-radius:4px;box-shadow:2px 2px 0 #0f0f0f;font-weight:700}
html.comic .ni:hover:not(.active){background:#fef3c7;border-radius:4px}
html.comic .sb-btn{border:2px solid #0f0f0f;background:#fef3c7;border-radius:4px;font-weight:700}
html.comic .sb-btn:hover{background:#fde68a}
html.comic .log-panel{font-family:'DM Mono',monospace;font-size:8px;color:#555;background:#fef3c7;border-top:2px solid #0f0f0f}

/* ── Top tab bar ── */
html.comic .top-tabbar{background:#fff;border-bottom:3px solid #0f0f0f}
html.comic .top-tab{font-family:'Bangers',cursive !important;font-size:14px !important;letter-spacing:.6px;border-radius:0;color:#555 !important}
html.comic .top-tab.active{color:#e63946 !important;border-bottom:3px solid #e63946 !important}
html.comic .top-tab:hover:not(.active){background:#fef3c7;color:#0f0f0f !important}

/* ── Panel backgrounds ── */
html.comic .tab-panel,html.comic .wz-body,html.comic .ll{background:#fffdf5}
html.comic .mv-layout{background:#fffdf5}

/* ── Market cards ── */
html.comic .mcard{border:2.5px solid #0f0f0f;border-radius:8px;box-shadow:3px 3px 0 #0f0f0f;margin-bottom:6px;background:#fff;transition:transform .1s,box-shadow .1s}
html.comic .mcard:hover{transform:translate(-2px,-2px) !important;box-shadow:5px 5px 0 #e63946 !important;border-color:#e63946 !important;background:#fffdf5 !important}
html.comic .mcard.sel{border-color:#e63946;box-shadow:4px 4px 0 #e63946}
.mcard.sel .mthumb{position:relative;}
.mcard.sel .mthumb::after{content:'';position:absolute;inset:0;border:2.5px solid #e63946;border-radius:4px;pointer-events:none;background:rgba(230,57,70,.08);}
html.comic .mcard-g{border:2.5px solid #0f0f0f;border-radius:8px;box-shadow:3px 3px 0 #0f0f0f;background:#fff;transition:transform .1s,box-shadow .1s}
html.comic .mcard-g:hover{transform:translate(-2px,-2px) !important;box-shadow:5px 5px 0 #e63946 !important;border-color:#e63946 !important;background:#fffdf5 !important}
html.comic .mtitle{font-family:'Bangers',cursive;font-size:14px;letter-spacing:.5px;color:#0f0f0f}
html.comic .mmeta{font-family:'DM Mono',monospace;font-size:9px;color:#555}
html.comic .mcard,html.comic .mvc,html.comic .wz-pricing-card,html.comic .wz-review-table{border:2.5px solid #0f0f0f;border-radius:8px}
html.comic .demo-badge{font-family:'Bangers',cursive;letter-spacing:.5px;background:#c4b5fd;color:#0f0f0f;border:1.5px solid #0f0f0f;border-radius:4px}

/* Marketplace tab bar */
html.comic .pm-mkt-tab{font-family:'DM Sans',sans-serif;font-weight:700;border-radius:6px;transition:all .12s}
html.comic .pm-mkt-tab:hover{background:#e63946;color:#fff;border-color:#0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f}
html.comic .pm-mkt-tab.active{background:#fde68a !important;color:#0f0f0f !important;border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f}
html.comic .pm-mkt-tab.active:hover{background:#c1121f !important;color:#fff !important}
html.comic .mkt-pg-arrow{background:#fef3c7;border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f}
html.comic .mkt-pg-arrow:hover:not(:disabled){background:#e63946;border-color:#0f0f0f;color:#fff;box-shadow:3px 3px 0 #0f0f0f}

/* ── Buttons ── */
html.comic .btn-p,html.comic .wz-foot-next{
  font-family:'Bangers',cursive !important;
  font-size:14px !important;letter-spacing:.6px !important;
  border:2.5px solid #0f0f0f !important;box-shadow:3px 3px 0 #0f0f0f !important;border-radius:6px !important
}
html.comic .btn-p:hover:not(:disabled),html.comic .wz-foot-next:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 #0f0f0f !important}
html.comic .btn-s{font-family:'Bangers',cursive !important;font-size:13px !important;letter-spacing:.5px !important;border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important;border-radius:6px !important;background:#fef3c7 !important;color:#0f0f0f !important}
html.comic .btn-s:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0f0f0f !important}
html.comic .btn{border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important;border-radius:6px !important;font-family:'DM Sans',sans-serif;font-weight:700 !important}
html.comic .btn:hover:not(:disabled){background:#fde68a !important}
html.comic .btn-rent{font-family:'Bangers',cursive !important;letter-spacing:.8px !important}
html.comic .btn-buy{font-family:'Bangers',cursive !important;letter-spacing:.8px !important}

/* ── Forms & inputs ── */
html.comic .fi{border:2px solid #0f0f0f !important;border-radius:6px !important;background:#fff !important;font-family:'DM Sans',sans-serif !important;color:#0f0f0f !important;box-shadow:2px 2px 0 rgba(0,0,0,.15) !important}
html.comic .fi:focus{border-color:#e63946 !important;box-shadow:2px 2px 0 #e63946 !important;outline:none !important}
html.comic p,html.comic span,html.comic div,html.comic button,html.comic input,html.comic label,html.comic td,html.comic th{font-style:normal !important}
html.comic .fi::placeholder{color:#aaa !important;font-style:normal}
html.comic select.fi{color:#0f0f0f !important}
html.comic .price-cur-tag{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;color:#0f0f0f;background:#fde68a;border-color:#0f0f0f}

/* ── Wizard ── */
html.comic .wz-stepper{background:#fff;border-bottom:3px solid #0f0f0f}
html.comic .wz-footer{background:#fff;border-top:3px solid #0f0f0f}
html.comic .wz-step-label{font-family:'Bangers',cursive;font-size:12px;letter-spacing:.8px}
html.comic .wz-step.active .wz-step-label{color:#e63946}
html.comic .wz-step.done .wz-step-label{color:#1b7a4a}
html.comic .wz-pricing-topbar{background:#fde68a;border:2px solid #0f0f0f}
html.comic .wz-pricing-topbar span{font-family:'Bangers',cursive;font-size:13px;letter-spacing:.8px;color:#0f0f0f}
html.comic .wz-lbl{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.7px;color:#555;text-transform:uppercase}
html.comic .wz-panel-title{font-family:'Bangers',cursive;font-size:22px;letter-spacing:1px;color:#0f0f0f}
html.comic .wz-panel-sub{font-family:'DM Sans',sans-serif;font-size:12px;color:#555}
html.comic .wz-pricing-card-title{font-family:'Bangers',cursive;font-size:14px;letter-spacing:.6px}
html.comic .wz-pricing-card::before{background:#e63946}
html.comic .wz-pricing-card.dl-card::before{background:#0077b6}
html.comic .wz-gw-btn{border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f;font-family:'DM Sans',sans-serif;font-weight:700;background:#fef3c7;color:#0f0f0f;border-radius:6px}
html.comic .wz-gw-btn:hover{background:#fde68a}
html.comic .wz-gw-btn.active{background:#e63946 !important;color:#fff !important}
html.comic .wz-foot-btn{border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f;font-family:'DM Sans',sans-serif;font-weight:700;background:#fef3c7;border-radius:6px}
html.comic .wz-foot-btn:hover{background:#fde68a}
html.comic .wz-src-card{border:2.5px solid #0f0f0f;box-shadow:3px 3px 0 #0f0f0f;border-radius:8px}
html.comic .wz-src-card.active{background:#fde68a;border-color:#e63946}
html.comic .wz-src-name{font-family:'Bangers',cursive;font-size:15px;letter-spacing:.8px;color:#0f0f0f}
html.comic .wz-src-sub{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;color:#555}
html.comic .upload-drop{border:2.5px dashed #0f0f0f;background:#fef3c7}
html.comic .upload-drop div{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;color:#0f0f0f}
html.comic .upload-drop span{font-family:'Bangers',cursive;letter-spacing:.6px;color:#e63946;text-decoration:underline}
html.comic .wz-side-panel{background:#fff;border-left:3px solid #0f0f0f}
html.comic .wz-side-hdr{font-family:'Bangers',cursive;font-size:11px;letter-spacing:1px;color:#555;border-bottom:2px solid #0f0f0f}
html.comic .wz-side-title{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#0f0f0f}
html.comic .wz-side-key{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.4px;color:#555;text-transform:uppercase}
html.comic .wz-side-val{font-family:'DM Mono',monospace;font-size:10px;font-weight:600;color:#0f0f0f}
html.comic .wz-gw-box-pub{border:2px solid #0f0f0f;box-shadow:3px 3px 0 #0f0f0f;background:#fff}
html.comic .wz-review-key{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;color:#555;letter-spacing:.5px}
html.comic .wz-review-val{font-family:'DM Mono',monospace;font-size:11px;color:#0f0f0f}

/* ── Ledger ── */
html.comic .ledger-toolbar{border:2px solid #0f0f0f;background:#fff}
html.comic .ledger-filter-tabs{border:2px solid #0f0f0f}
html.comic .ledger-ftab{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600}
html.comic .tw table{font-family:'DM Sans',sans-serif;font-size:11px;color:#0f0f0f}
html.comic .tw th{font-family:'Bangers',cursive;font-size:11px;letter-spacing:.5px;color:#0f0f0f;background:#fde68a;border-bottom:2px solid #0f0f0f}
html.comic .tw td{color:#1c1c1c;border-bottom:1px solid rgba(0,0,0,.08)}
html.comic .txh{font-family:'DM Mono',monospace;font-size:8px;color:#0077b6}
.txh-wrap{display:inline-flex;align-items:center;gap:3px}
.txh-wrap .txh-copy{display:none;align-items:center;justify-content:center;width:16px;height:16px;background:var(--s2);border:1px solid var(--b1);border-radius:3px;font-size:11px;color:var(--t2);cursor:pointer;padding:0;line-height:1;flex-shrink:0}
.txh-wrap:hover .txh-copy{display:inline-flex}
.txh-wrap .txh-copy:hover{background:var(--ac);color:#fff;border-color:var(--ac)}

/* ── Badges & pills ── */
html.comic .chk-badge{font-family:'Bangers',cursive;font-size:11px;letter-spacing:.6px}
html.comic .tpill{font-family:'Bangers',cursive;font-size:9px;letter-spacing:.5px}
html.comic .abadge{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600}
html.comic .abadge.ow{background:#fde68a;color:#0f0f0f;border:1.5px solid #0f0f0f}
html.comic .abadge.ac{background:#d1fae5;color:#1b7a4a;border:1.5px solid #0f0f0f}
html.comic .abadge.lk{background:#fee2e2;color:#c1121f;border:1.5px solid #0f0f0f}

/* ── Modals ── */
html.comic .mbox{background:#fff;border:3px solid #0f0f0f;box-shadow:6px 6px 0 #0f0f0f;border-radius:8px}
html.comic .mtit,html.comic .mhd .mtit{font-family:'Bangers',cursive;font-size:18px;letter-spacing:.8px;color:#0f0f0f}
html.comic .mhd{border-bottom:2px solid #0f0f0f;background:#fde68a}
html.comic .pr span:first-child{font-family:'DM Sans',sans-serif;font-size:11px;color:#555}
html.comic .pv{font-family:'DM Mono',monospace;font-size:12px;font-weight:700;color:#0f0f0f}
html.comic .tot{font-family:'Bangers',cursive !important;font-size:16px !important;letter-spacing:.6px !important;color:#e63946 !important}
html.comic .pconv{font-family:'DM Sans',sans-serif !important;font-size:11px !important;font-weight:600 !important;color:#0077b6 !important}
html.comic .sh .st{font-family:'Bangers',cursive;font-size:16px;letter-spacing:1px;color:#0f0f0f}

/* ── My Videos panel ── */
html.comic .mvp2-top{background:#fff;border:2.5px solid #0f0f0f;border-radius:8px;box-shadow:3px 3px 0 #0f0f0f;margin:6px 0}
html.comic .mvp2-title{font-family:'Bangers',cursive !important;font-size:16px !important;letter-spacing:.5px !important}
html.comic .mvp2-tabs{background:#fff;border-bottom:2px solid #0f0f0f}
html.comic .mvp2-tab{font-family:'DM Sans',sans-serif;font-weight:600}
html.comic .mvp2-tab.active{color:#e63946;border-bottom:2px solid #e63946}
html.comic .mvp2-pub-badge{font-family:'Bangers',cursive;font-size:11px;letter-spacing:.5px;background:#d1fae5;color:#1b7a4a;border:1.5px solid #0f0f0f;border-radius:12px}
html.comic .mvp2-rev-col{background:#fef9e7 !important;border:2px solid #0f0f0f !important;box-shadow:2px 2px 0 #0f0f0f !important}
html.comic .mvp2-rev-amt{color:#e63946 !important}
html.comic .mvp2-rev-usdt-amt{color:#1b7a4a !important}
html.comic .mv-page-hdr{background:#fff;border-bottom:2px solid #0f0f0f}
html.comic .mv-page-title{font-family:'Bangers',cursive;font-size:18px;letter-spacing:.8px;color:#0f0f0f}
html.comic .mv-search-box{border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f;border-radius:6px;background:#fff}
html.comic .mv-sort-btn{border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f;border-radius:6px;background:#fef3c7}
html.comic .mv-layout-btn{border:2px solid #0f0f0f;background:#fef3c7;border-radius:4px}
html.comic .mv-layout-btn.active{background:#e63946;color:#fff;border-color:#0f0f0f}

/* ── Dashboard ── */
html.comic .dash-kpi-card{border:2px solid #0f0f0f;border-radius:8px;box-shadow:3px 3px 0 #0f0f0f;background:#fff}
html.comic .dash-earn-card,html.comic .dash-spend-card{border:2px solid #0f0f0f;border-radius:8px;box-shadow:3px 3px 0 #0f0f0f;background:#fff}
html.comic .dash-cur-tab.active{background:#fde68a;color:#0f0f0f;border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f}
html.comic .dash-section-hdr{font-family:'Bangers',cursive;font-size:14px;letter-spacing:.8px}

/* ── Misc ── */
html.comic ::-webkit-scrollbar-thumb{background:#e63946;border-radius:0}
html.comic .pagination .pg-btn{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;border:2px solid #0f0f0f;box-shadow:2px 2px 0 #0f0f0f;background:#fff;color:#0f0f0f;border-radius:4px}
html.comic .pg-btn.active{background:#e63946;color:#fff;border-color:#0f0f0f}
html.comic .empty-s .el{font-family:'Bangers',cursive;font-size:20px;letter-spacing:1px;color:#888}
html.comic .empty-s .ei{font-size:32px;opacity:.3;filter:grayscale(1)}

html.yt{--bg:#f9f9f9;--s1:#fff;--s2:#f2f2f2;--s3:#e5e5e5;--b1:rgba(0,0,0,0.08);--b2:rgba(0,0,0,0.14);--t1:#0f0f0f;--t2:#606060;--t3:#767676;--ac:#ff0000;--ac2:#cc0000;--ag:rgba(255,0,0,0.07);--gn:#2ba640;--gd:rgba(43,166,64,0.1);--am:#ff6d00;--ad:rgba(255,109,0,0.1);--rd:#cc0000;--rdd:rgba(204,0,0,0.09);--bl:#065fd4;--bld:rgba(6,95,212,0.1)}
html.yt .topbar{background:rgba(255,255,255,.98) !important;border-bottom:1px solid var(--b1)}
html.yt .brand .m,html.yt .brand .p{color:#0f0f0f}
html.yt .btn-p,html.yt .wz-foot-next,html.yt .wz-gw-btn.active{background:#ff0000;border-color:#cc0000;color:#fff}
html.yt .btn-p:hover:not(:disabled),html.yt .wz-foot-next:hover:not(:disabled){background:#cc0000}
html.yt .ni.active{background:#cc0000;color:#fff;font-weight:600}
html.yt .wz-pricing-card::before{background:#ff0000}
html.yt .wz-pricing-card.dl-card::before{background:#2ba640}
html.yt .tab-panel,html.yt .wz-side-panel,html.yt .wz-stepper,html.yt .wz-footer,html.yt .top-tabbar{background:#fff}html.yt .sidebar{background:linear-gradient(160deg,#fafafa 0%,#f4f4f4 100%);border-right:1px solid #e5e5e5}

html.yt .wz-pricing-topbar{background:#fff}
html.yt .ledger-toolbar{background:#fff}
/* ── FACEBOOK theme — white & blue ── */
html.fb{--bg:#f0f2f5;--s1:#fff;--s2:#f0f2f5;--s3:#e4e6eb;--b1:rgba(0,0,0,0.08);--b2:rgba(0,0,0,0.14);--t1:#050505;--t2:#65676b;--t3:#6e7074;--ac:#1877f2;--ac2:#166fe5;--ag:rgba(24,119,242,0.1);--gn:#42b72a;--gd:rgba(66,183,42,0.1);--am:#e7a400;--ad:rgba(231,164,0,0.1);--rd:#d32f2f;--rdd:rgba(211,47,47,0.09);--bl:#1877f2;--bld:rgba(24,119,242,0.1)}
html.fb .topbar{background:rgba(255,255,255,.98) !important;border-bottom:1px solid var(--b1);box-shadow:0 2px 4px rgba(0,0,0,.1)}
html.fb .brand .m,html.fb .brand .p{color:#050505}
html.fb .btn-p,html.fb .wz-foot-next,html.fb .wz-gw-btn.active{background:#1877f2;border-color:#0d65d9;color:#fff}
html.fb .btn-p:hover:not(:disabled),html.fb .wz-foot-next:hover:not(:disabled){background:#166fe5}
html.fb .ni.active{background:#1877f2;color:#fff;font-weight:600}
html.fb .wz-pricing-card::before{background:#1877f2}
html.fb .wz-pricing-card.dl-card::before{background:#42b72a}
html.fb .tab-panel,html.fb .wz-side-panel,html.fb .wz-stepper,html.fb .wz-footer,html.fb .top-tabbar{background:#fff}html.fb .sidebar{background:linear-gradient(160deg,#fafbff 0%,#f0f2f5 100%);border-right:1px solid #e4e6ea}

html.fb .wz-pricing-topbar{background:#fff}
html.fb .ledger-toolbar{background:#fff}
html.fb .mcard,html.fb .mvc{background:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);font-family:var(--fn);color:var(--t1);font-size:13px;line-height:1.55;min-height:100vh;overflow:hidden}


::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px;min-height:40px}
::-webkit-scrollbar-thumb:hover{background:var(--b3)}
::-webkit-scrollbar-track{background:transparent}
* {scrollbar-width:thin;scrollbar-color:var(--b2) transparent}
.topbar{position:fixed;top:0;left:0;right:0;z-index:300;background:rgba(8,9,16,0.92);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid var(--b1);height:44px;display:flex;align-items:center;padding:0 12px;gap:8px}
html.lt .topbar{background:rgba(244,245,247,0.96)}
html.lt .tb-icon-btn{background:#fff;border-color:rgba(0,0,0,0.12);color:#333}
html.lt .tb-icon-btn:hover{background:#f3f4f6}
html.yt .tb-icon-btn{background:#fff;border:1px solid #ddd;color:#0f0f0f;border-radius:50%}
html.yt .tb-icon-btn:hover{background:#f2f2f2}
html.fb .tb-icon-btn{background:#fff;border:1px solid #ddd;color:#1c1e21;border-radius:50%}
html.fb .tb-icon-btn:hover{background:#f0f2f5}
.page-body{margin-top:44px;height:calc(100vh - 44px - 28px);display:flex}
.brand{display:flex;align-items:baseline;gap:0;flex-shrink:0;margin-right:6px}
.brand .a{font-weight:800;letter-spacing:-.5px;font-size:15px}
.brand .m{color:var(--t1);font-weight:700;letter-spacing:.8px;font-size:13px}
.brand .p{color:var(--t1);font-weight:500;font-size:11px;letter-spacing:1.5px}
.tb-search{display:flex;align-items:center;gap:8px;background:rgba(18,21,31,0.8);border:1px solid var(--b2);border-radius:var(--r2)}
.tb-search input{background:transparent;border:none;outline:none;font-family:var(--fn);font-size:11px;color:var(--t1);flex:1}
.tb-search input::placeholder{color:var(--t2);opacity:.7}
.tb-search-kbd{font-size:10px;color:var(--t3);background:var(--b1);border:1px solid var(--b2);border-radius:4px;padding:1px 6px;flex-shrink:0;font-family:var(--mo);letter-spacing:.02em}
.tb-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--s2);border:1px solid var(--b1);cursor:pointer;color:var(--t2);font-size:13px;transition:all .14s;flex-shrink:0}
.tb-icon-btn:hover{background:var(--s3);color:var(--t1)}
.tb-wallet-pill{display:flex;align-items:center;gap:5px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);border-radius:16px;padding:3px 10px 3px 6px;flex-shrink:0}
.tb-wallet-pill .wdot{width:7px;height:7px;border-radius:50%;background:var(--gn);box-shadow:0 0 5px var(--gn);flex-shrink:0}
.tb-wallet-pill-name{font-size:11px;font-weight:600;color:var(--t1)}
.tb-wallet-id{display:flex;align-items:center;gap:6px;background:rgba(18,21,31,0.8);border:1px solid var(--b2);border-radius:20px;padding:4px 10px 4px 4px;cursor:pointer;transition:all .15s;backdrop-filter:blur(8px)}.tb-wallet-id:hover{background:rgba(23,27,39,0.95);border-color:rgba(139,92,246,0.35);box-shadow:0 0 0 2px rgba(124,58,237,0.12)}
.tb-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}


.tb-dot{width:7px;height:7px;border-radius:50%;background:var(--gn);box-shadow:0 0 5px var(--gn);flex-shrink:0}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}
.btn:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:5px;padding:0 11px;height:30px;border-radius:var(--r);font-family:var(--fn);font-size:11px;font-weight:500;border:1px solid var(--b2);background:var(--s2);color:var(--t1);cursor:pointer;transition:all .14s;white-space:nowrap}
.btn:hover:not(:disabled){background:var(--s3)}.btn:active:not(:disabled){transform:scale(.98);filter:brightness(.95)}.skip-link{position:absolute;top:-100px;left:8px;z-index:9999;padding:10px 20px;background:#7577f5;color:#fff;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px;outline:3px solid #fff;outline-offset:2px}
.btn:disabled{opacity:.38;cursor:not-allowed}
.btn-p{background:linear-gradient(135deg,var(--ac),#6d28d9);border-color:transparent;color:#fff;box-shadow:0 2px 12px rgba(124,58,237,0.35);transition:all .15s}.btn-p:hover:not(:disabled){background:#4f52d9}
.btn-s{background:var(--gd);border-color:rgba(34,197,94,.28);color:var(--gn)}.btn-s:hover:not(:disabled){background:rgba(34,197,94,.18)}
.btn-d{background:var(--rdd);border-color:rgba(239,68,68,.28);color:var(--rd)}
.btn-g{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.2);color:var(--gn);transition:all .15s}.btn-g:hover:not(:disabled){background:var(--s2);color:var(--t1)}
.btn-sm{height:24px;padding:0 8px;font-size:10px;border-radius:7px}
.btn-xs{height:20px;padding:0 6px;font-size:9px;border-radius:5px}
.sb-sv-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-sv-box{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:border-color .14s}
.sb-sv-box:hover{border-color:var(--b2)}
.sb-sv-val{font-size:16px;font-weight:700;line-height:1.1;color:var(--t1);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;text-align:center}

.sidebar{width:var(--sb-w);flex-shrink:0;border-right:1px solid rgba(139,92,246,0.15);background:linear-gradient(160deg,#0e0c1a 0%,#0b0d18 35%,#090c16 65%,#080910 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;overflow:hidden;transition:width .22s ease;height:100%}
.sidebar.collapsed{width:var(--sb-cw)}


.sidebar.collapsed .sb-top-label{opacity:0;width:0;pointer-events:none}
.sb-icon-row{display:flex;align-items:center;gap:3px;flex-shrink:0}
.sb-btn{background:transparent;border:none;cursor:pointer;color:var(--t3);font-size:13px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;transition:all .14s}



.sidebar.collapsed .sb-lbl{opacity:0}


.sidebar.collapsed .sb-wallet{justify-content:center;padding:6px 4px}
.sidebar.collapsed .sb-wallet-card{justify-content:center;gap:0;background:transparent;border:none;padding:4px;box-shadow:none}
.sidebar.collapsed .sb-wallet-info{flex:1;min-width:0;transition:opacity .15s;opacity:0;pointer-events:none}



.sidebar.collapsed .sb-wname,.sidebar.collapsed .sb-waddr,.sidebar.collapsed .sb-wbal{display:none}

.sv.ac{color:var(--ac2)}.sv.gn{color:var(--gn)}.sv.mu{color:var(--t1)}.sv.rd{color:#ff6b6b}.sv.am{color:var(--am)}.sc[onclick]:hover{background:var(--s3);border-color:var(--b2)}


.sidebar.collapsed .sb-sec{padding:5px 6px}


.ni:hover{opacity:1;background:rgba(255,255,255,0.05)}


.sidebar.collapsed .ni-label{opacity:0;pointer-events:none;width:0;overflow:hidden;flex-shrink:0}
.sidebar.collapsed .ni{justify-content:center;padding:8px 6px;gap:0}
.sidebar.collapsed .ni:hover::after{content:attr(data-tip);position:absolute;left:50px;top:50%;transform:translateY(-50%);background:var(--s1);border:1px solid var(--b2);border-radius:6px;padding:4px 9px;font-size:10px;color:var(--t1);white-space:nowrap;z-index:400;pointer-events:none}
.log-panel{border-top:1px solid var(--b1);background:var(--s1);height:62px;overflow-y:auto;padding:5px 9px;font-family:var(--mo);font-size:8px;color:var(--t3);flex-shrink:0}
.sidebar.collapsed .log-panel{display:none}
.sidebar.collapsed #sbStatsSec{padding:6px 4px}.sidebar.collapsed #sbSalesCol{min-width:0;width:100%;padding:4px 0;border-right:none}.sidebar.collapsed #sbVolumeCol{display:none}.sidebar.collapsed #sbCountdownSec{display:none !important}#sbStatsSec{padding:10px 11px}#sbSalesCol{min-width:52px;padding:4px 10px 4px 0;border-right:1px solid var(--b1)}#sbVolumeCol{display:flex}
.content{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}
.tab-panel{display:none;flex:1;overflow:hidden;flex-direction:column;min-height:0}
.tab-panel.active{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}
.wz-cur-tabs{display:flex;background:var(--s2);border:1px solid var(--b2);border-radius:2px;overflow:hidden;flex-shrink:0}
.wz-cur-tab{padding:4px 12px;font-size:11px;font-weight:600;background:transparent;border:none;color:var(--t3);cursor:pointer;font-family:var(--fn);transition:all .14s;white-space:nowrap}
.wz-cur-tab:hover{color:var(--t1);background:var(--s3)}
.wz-cur-tab.active{background:var(--ac);color:#fff}
.wz-input{width:100%;height:32px;font-size:12px}
.wz-select{height:32px;font-size:11px;padding:0 6px}
.wz-gw-box-pub{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:10px 12px;margin-bottom:8px}
/* Only Pinata is offered as an IPFS gateway — hide the other providers in the
   upload wizard (Review & Publish) and in Settings → Gateway. */
#gwBtn-web3storage,#gwBtn-ipfsio,#gwBtn-cloudflare,#gwBtn-local,
#sgwBtn-web3storage,#sgwBtn-ipfsio,#sgwBtn-cloudflare,#sgwBtn-local,
#web3CfgPub,#sgwWeb3Cfg,#web3Cfg{display:none!important}
.wz-gw-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;font-size:10px;font-weight:500;background:var(--s2);border:1px solid var(--b2);color:var(--t2);cursor:pointer;font-family:var(--fn);transition:all .14s;white-space:nowrap;position:relative}
.wz-gw-btn:hover{background:var(--s3);color:var(--t1);border-color:var(--b2)}
.wz-gw-btn.active{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.35)}
.wz-gw-btn.active svg{stroke:#fff}
.gw-saved-dot{width:6px;height:6px;border-radius:50%;background:var(--gn);display:inline-block;box-shadow:0 0 4px var(--gn);margin-left:1px}
.wz-gw-btn.active .gw-saved-dot{background:#fff;box-shadow:0 0 4px rgba(255,255,255,.7)}
.wz-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wz-pricing-card{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.wz-pricing-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ac);border-radius:10px 0 0 10px}
.wz-pricing-card.dl-card::before{background:var(--gn)}
.wz-pricing-card-hdr{display:flex;align-items:center;gap:7px}
.wz-pricing-card-title{font-size:12px;font-weight:600;color:var(--t1)}
.wz-pricing-fields{display:flex;flex-direction:column;gap:7px}
.wz-wrap{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg)}
#tab-upload{overflow:hidden}
.wz-stepper{display:flex;align-items:center;padding:10px 32px;border-bottom:1px solid var(--b1);flex-shrink:0;background:var(--s1)}
.wz-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1}
.wz-step-icon{width:28px;height:28px;border-radius:50%;border:2px solid var(--b2);background:var(--s2);display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .2s;font-size:11px}
.wz-step.active .wz-step-icon{border-color:var(--ac);background:var(--ac);color:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.wz-step.done .wz-step-icon{border-color:var(--gn);background:var(--gn);color:#fff}
.wz-step-label{font-size:10px;font-weight:500;color:var(--t3);white-space:nowrap;transition:color .2s}
.wz-step.active .wz-step-label{color:var(--ac2);font-weight:600}
.wz-step.done .wz-step-label{color:var(--gn)}
.wz-connector{flex:1;height:2px;background:var(--b1);margin:0 4px;margin-bottom:16px;transition:background .3s;min-width:24px}
.wz-connector.done{background:var(--gn)}
.wz-connector.active{background:linear-gradient(to right,var(--gn) 50%,var(--b1) 50%)}
.wz-body::-webkit-scrollbar{width:5px}
.wz-body::-webkit-scrollbar-thumb{background:var(--t3);border-radius:4px}
.wz-panel{display:none;flex-direction:column;gap:10px;max-width:820px;margin:0 auto;width:100%}
.wz-panel.active{display:flex !important;flex-direction:column}
.wz-panel-hdr{display:none}
.wz-panel-title{display:none}
.wz-panel-sub{display:none}
.wz-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 32px;border-top:1px solid var(--b1);flex-shrink:0;background:var(--s1)}
.wz-foot-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border-radius:9px;font-size:11px;font-weight:500;background:var(--s2);border:1px solid var(--b2);color:var(--t2);cursor:pointer;font-family:var(--fn);transition:all .15s}
.wz-foot-btn:hover:not(:disabled){background:var(--s3);color:var(--t1)}
.wz-foot-btn:disabled{opacity:.35;cursor:not-allowed}
.wz-foot-next{background:var(--ac);border-color:transparent;color:#fff;font-weight:600;font-size:12px;padding:7px 24px}
.wz-foot-next:hover:not(:disabled){background:#5254e0}
.wz-src-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wz-src-card{border:2px solid var(--b2);border-radius:10px;padding:14px 18px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;background:var(--s1);transition:all .18s;color:var(--t3)}
.wz-src-card:hover{border-color:var(--ac);color:var(--ac2);background:var(--ag)}
.wz-src-card.active{border-color:var(--ac);background:var(--ag);color:var(--ac2)}
.wz-src-name{font-size:13px;font-weight:600;color:inherit}
.wz-src-sub{font-size:10px;color:var(--t3);margin-top:1px}
.wz-src-card.active .wz-src-sub{color:var(--ac2);opacity:.7}
.upload-drop{border:2px dashed var(--b2);border-radius:10px;padding:18px 16px;text-align:center;cursor:pointer;transition:all .2s;background:var(--s2);display:flex;align-items:center;gap:12px;justify-content:center;flex-direction:row}
.upload-drop:hover,.upload-drop.dv{border-color:var(--ac);background:var(--ag)}
.wz-review-row{display:flex;align-items:center;padding:7px 14px;border-bottom:1px solid var(--b1)}
.wz-review-row:last-child{border-bottom:none}
.wz-review-key{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--t3);min-width:84px;flex-shrink:0}
.wz-review-val{font-size:11px;color:var(--t1);font-family:var(--mo);text-align:right;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wz-fields{display:flex;flex-direction:column;gap:9px}
.wz-field-row{display:flex;flex-direction:column;gap:4px}
.wz-lbl{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--t3);display:flex;align-items:center;gap:4px}
.wz-pricing-topbar{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);margin-bottom:0;flex-shrink:0}
.wz-main-area{display:flex;flex:1;min-height:0;overflow:hidden}
.wz-body{flex:1;min-width:0;overflow-y:auto;padding:12px 20px;scrollbar-width:thin;scrollbar-color:var(--t3) transparent}
.wz-side-panel{width:220px;flex-shrink:0;border-left:1px solid var(--b1);display:flex;flex-direction:column;background:var(--s1);overflow:hidden;transition:box-shadow .15s;position:relative;min-width:160px;max-width:480px}
.wz-side-panel.floating{position:fixed;z-index:800;border:1px solid var(--ac);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:.97;min-width:180px;max-width:520px}
.wz-side-hdr{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--b1);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);flex-shrink:0;user-select:none}
.wz-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:grab;color:var(--t3);border-radius:3px;transition:color .12s}
.wz-drag-handle:hover{color:var(--t1);background:var(--s2)}
.wz-drag-handle:active{cursor:grabbing}
.wz-drag-dots{display:grid;grid-template-columns:repeat(2,4px);gap:2.5px}
.wz-drag-dot{width:2.5px;height:2.5px;border-radius:50%;background:currentColor}
.wz-restore-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:none;background:transparent;cursor:pointer;color:var(--t3);padding:0;transition:all .12s;font-family:var(--fn);opacity:.45}
.wz-restore-btn:hover{background:var(--ag);color:var(--ac2);opacity:1}
.wz-side-panel.floating .wz-restore-btn{opacity:1;color:var(--ac2)}
.wz-resize-handle{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;background:transparent;transition:background .12s}
.wz-resize-handle::after{content:'';position:absolute;left:1px;top:50%;transform:translateY(-50%);height:32px;width:3px;border-radius:2px;background:var(--b2);transition:background .12s,height .12s}
.wz-resize-handle:hover::after{background:var(--ac);height:48px}
.wz-resize-handle:active::after{background:var(--ac)}
.wz-side-panel.resizing{transition:none;user-select:none}
.wz-main-area.resizing{cursor:col-resize;user-select:none}
/* wz-side-hdr defined above */
.wz-thumb-wrap{width:100%;aspect-ratio:16/9;background:var(--s3);position:relative;overflow:hidden;flex-shrink:0}
.wz-thumb-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--t2)}
.wz-side-meta{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.wz-side-title{font-size:12px;font-weight:700;color:var(--t1);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-side-rows{display:flex;flex-direction:column;gap:4px}
.wz-side-row{display:flex;align-items:baseline;gap:4px;font-size:10px}
.wz-side-key{color:var(--t3);font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0;min-width:56px}
.wz-side-val{color:var(--t2);font-size:10px;font-family:var(--mo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.wz-side-val.ac{color:var(--ac2)}.wz-side-val.gn{color:var(--gn)}
.wz-gw-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.wz-toggle{position:relative;display:inline-flex;cursor:pointer;align-items:center}.wz-toggle:hover .wz-toggle-track{opacity:.85}
.wz-toggle input{opacity:0;width:0;height:0;position:absolute}
.wz-toggle-track{width:34px;height:19px;background:var(--s3);border-radius:10px;border:1px solid var(--b2);transition:background .2s;display:block;cursor:pointer;position:relative}
.wz-toggle input:checked+.wz-toggle-track{background:var(--ac);border-color:var(--ac)}
.wz-toggle-track::after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.wz-toggle input:checked~.wz-toggle-track::after,.wz-toggle input:checked+.wz-toggle-track::after{transform:translateX(15px)}
.wz-dots{display:flex;gap:6px;align-items:center}
.wz-dot{width:7px;height:7px;border-radius:50%;background:var(--b2);transition:all .2s}
.wz-dot.active{width:18px;border-radius:3px;background:var(--ac)}
.wz-dot.done{background:var(--gn)}
/* mcard/mthumb/macts-col canonical defs below */








.macts-col{display:none}


.top-tabbar{display:flex;align-items:center;border-bottom:1px solid var(--b1);background:var(--s1);flex-shrink:0;padding:0 14px;gap:0;font-style:normal;height:36px}
.top-tab{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;font-size:11.5px;font-weight:500;color:var(--t3);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--fn);transition:color .15s,border-color .15s;margin-bottom:-1px;white-space:nowrap;letter-spacing:.2px;font-style:normal}
.top-tab:hover{color:var(--t1)}
.top-tab.active{color:var(--ac2);border-bottom-color:var(--ac);font-style:normal}
.top-tab svg{opacity:.6;transition:opacity .15s}
.top-tab.active svg{opacity:1}
.top-tab:hover svg{opacity:.9}
.pm-layout{display:flex;flex:1;overflow:hidden;height:100%;min-height:0}
.pm-player-col{width:60%;flex-shrink:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--b1);background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--b2) transparent;border-radius:0}
.pm-player-col::-webkit-scrollbar{width:5px}
.pm-player-col::-webkit-scrollbar-track{background:transparent}
.pm-player-col::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px;min-height:40px}
.pm-player-col::-webkit-scrollbar-thumb:hover{background:var(--b3)}
.pm-upper{display:flex;flex-direction:column;flex-shrink:0;background:var(--bg)}
.pm-lower{display:flex;flex-direction:column;background:var(--s1);border-top:1px solid var(--b2)}
.pm-lower-inner{padding:14px 16px 32px;display:flex;flex-direction:column;gap:10px}
.pm-video-wrap{position:relative;width:100%;background:#000;aspect-ratio:16/9;flex-shrink:0;max-height:72vh;border-radius:4px;overflow:hidden;transition:max-height .28s ease}
/* Reserve space for the top chrome + the profile-info row so the video never fills the whole
   column and hides the row (matters most when the sidebar is collapsed and the player is wide). */
.pm-player-col .pm-video-wrap{max-height:calc(100vh - 340px)}
/* Immersive (triggered on play / a click on the player body): collapse the player action row
   (Subscribe/Report/etc.) along with the top tab bar, so the video gets the extra height. */
#pmActionRow{transition:opacity .2s ease,max-height .28s ease;overflow:hidden}
/* Immersive playback no longer hides the action row — the Subscribe/Like/Preview/Analytics buttons
   must stay reachable while a video plays. Previously `display:none!important` here could get stuck
   (arch-immersive left on when the video was stopped without a pause event), and because it was
   !important, re-selecting a video couldn't restore the buttons — only a full reload did. */
.pm-video-wrap video{width:100%;height:100%;object-fit:cover;display:block;background:#000;border-radius:4px}
/* Immersive play: tab row collapses to 0px and the player grows to fill the gap */
.top-tabbar{transition:height .28s ease,opacity .2s ease,padding .28s ease,border-bottom-width .28s ease;overflow:hidden}
body.arch-immersive .top-tabbar{height:0!important;opacity:0;padding-top:0;padding-bottom:0;border-bottom-width:0;pointer-events:none}
/* Immersive (on play / player click): the player FILLS the column height, reserving only enough for
   the profile row underneath — so the description scrolls below the fold and the video is maximal. */
/* Focus mode + SIDEBAR COLLAPSED: the player FILLS the column so only the profile row shows initially;
   Description, Tags and details stay in the DOM below the fold and appear when you scroll down. When
   the sidebar is EXPANDED we do NOT enlarge the player — it keeps its normal 16:9 size. */
body.arch-player-active #tab-player .pm-player-col .pm-video-wrap{aspect-ratio:auto;height:calc(100vh - 160px);max-height:calc(100vh - 160px);transition:none!important}
body.arch-immersive.arch-sb-collapsed #tab-player .pm-player-col{overflow-y:auto}
.lock-overlay{position:absolute;inset:0;background:rgba(5,6,10,.78);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:10;padding:24px;pointer-events:none}.lock-overlay>*{pointer-events:auto}
.lo-icon{font-size:0;line-height:0}
.lo-icon svg{width:42px;height:42px;stroke:var(--ac2);fill:none;stroke-width:1.7;filter:drop-shadow(0 0 12px rgba(99,102,241,.4))}
.lo-title{font-size:16px;font-weight:700;color:#fff;margin-top:2px;letter-spacing:-.2px}
.lo-sub{font-size:11px;color:rgba(255,255,255,.55);text-align:center;line-height:1.65;max-width:300px}
.lo-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.ra-step{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--b1)}
.ra-step:last-child{border-bottom:none}
.ra-step-num{min-width:22px;height:22px;border-radius:50%;background:var(--ac);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.ra-step-body{flex:1;font-size:12px;color:var(--t2);line-height:1.55}
.ra-step-body strong{color:var(--t1)}
.ra-txid-input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--b1);border-radius:6px;background:var(--s2);color:var(--t1);font-size:12px;font-family:monospace;margin-top:6px;outline:none;transition:border-color .15s}
.ra-txid-input:focus{border-color:var(--ac)}
.ra-status{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:12px;display:none}
.ra-status.info{background:rgba(99,102,241,.1);color:var(--ac2);border:1px solid rgba(99,102,241,.25);display:block}
.ra-status.success{background:rgba(34,197,94,.1);color:var(--gn);border:1px solid rgba(34,197,94,.25);display:block}
.ra-status.error{background:rgba(239,68,68,.08);color:var(--rd);border:1px solid rgba(239,68,68,.2);display:block}

.lo-btns .btn{height:36px;padding:0 18px;font-size:11px;font-weight:600;border-radius:2px;box-shadow:0 2px 12px rgba(0,0,0,.4)}
.lo-btns .btn-p{background:var(--ac);border-color:transparent}
.lo-btns .btn-p:hover:not(:disabled){background:#5254e0}
.lo-btns .btn-s{background:var(--gn);border-color:transparent;color:#fff}
.lo-btns .btn-s:hover:not(:disabled){background:#1aad50}
.pm-info-card{padding:8px 14px 6px;display:flex;flex-direction:column;gap:4px;background:var(--bg);border-bottom:1px solid var(--b1);border-radius:0}
/* Tighter description/tags blocks under the player so a short description shows fully when paused */
#nowPlayingDescWrap,#nowPlayingTagsWrap{margin-top:2px!important;padding:5px 8px!important}
.pm-info-top{display:flex;flex-direction:column;gap:4px}
.pm-info-title{font-size:15px;font-weight:700;color:var(--t1);line-height:1.3;letter-spacing:-.2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pm-info-badges{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;min-width:0}
.pm-cid-badge{font-size:10px;font-family:var(--mo);background:var(--s2);color:var(--t3);padding:3px 9px;border-radius:6px;border:1px solid var(--b1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;flex-shrink:1}
.pm-info-meta{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:block}
.pm-ipfs-badge{font-size:10px;background:rgba(99,102,241,.10);color:var(--ac2);padding:3px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(99,102,241,.20);cursor:pointer;transition:background .14s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}
.pm-ipfs-badge:hover{background:rgba(99,102,241,.18)}
.pm-timer-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}

.pm-act-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--b1);background:var(--s1);color:var(--t1);cursor:pointer;transition:all .12s;white-space:nowrap;height:30px}
.pm-icon-only{min-width:28px;width:28px;padding:0!important;display:flex;align-items:center;justify-content:center}
.pm-subscribe-btn{gap:4px;display:flex;align-items:center;transition:background .15s,color .15s}
.pm-act-btn:hover{background:var(--s2);color:var(--t1);border-color:var(--b2)}
.pm-act-btn:disabled{opacity:.35;cursor:not-allowed}
.pm-expand-act{padding:4px 6px;background:var(--s2)}
.pm-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.moverlay:not(.expanded) .pm-access-grid{gap:6px}

.pm-access-block{border-width:1px;border-style:solid;transition:box-shadow .15s,padding .15s;border-radius:0;padding:8px 10px}
.pm-access-block.collapsed{padding:6px 10px}
.pm-access-block.collapsed .pm-access-header{margin-bottom:0}
.pm-access-header:hover .pm-access-label{color:var(--t1)}
.pm-access-block.rental-block{background:var(--s2);border-color:rgba(220,6,43,.30)}
.pm-access-block.dl-block{background:var(--s2);border-color:rgba(22,163,74,.30)}
.pm-access-block.rental-block:hover{border-color:rgba(220,6,43,.55);box-shadow:0 0 0 3px rgba(220,6,43,.08)}
.pm-access-block.dl-block:hover{border-color:rgba(22,163,74,.55);box-shadow:0 0 0 3px rgba(22,163,74,.08)}
.pm-access-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;cursor:pointer;user-select:none}
.pm-access-block.collapsed>*:not(.pm-access-header){display:none!important}
.pm-collapse-arrow{transition:transform .2s;margin-left:auto;font-size:8px;opacity:.5}
.pm-access-block.collapsed .pm-collapse-arrow{transform:rotate(-90deg)}
.pm-access-icon{display:flex;align-items:center;color:var(--t3)}
.pm-access-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.moverlay:not(.expanded) .pm-access-price .trx-ico,.moverlay:not(.expanded) .pm-access-price .usdt-ico{width:12px!important;height:12px!important}
.pm-access-label{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t3)}
.pm-access-price{font-size:14px;font-weight:700;color:var(--t1);font-family:var(--mo);line-height:1.2;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pm-access-block.rental-block .pm-access-price{color:#DC062B}.pm-access-block.dl-block .pm-access-price{color:#16a34a}
.pm-access-price .local-price{font-size:11px;font-weight:500;color:var(--t3);font-family:var(--fn);display:block;margin-top:2px;letter-spacing:0}.pm-access-block .trx-ico,.pm-access-block .usdt-ico{width:14px!important;height:14px!important;flex-shrink:0}
.pm-access-dur{font-size:11px;color:var(--t3);margin-top:2px}
.pm-access-status{font-size:11px;color:var(--gn);font-weight:600;margin-top:1px}
.pm-access-status.warn{color:var(--am)}
.pm-access-status.danger{color:var(--rd)}
.pm-access-btn{width:100%;display:flex;justify-content:center;align-items:center;margin-top:8px;height:34px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;font-family:var(--fn);transition:all .15s;letter-spacing:.1px}
.pm-access-btn.btn-p{background:transparent;color:var(--ac);border:1.5px solid var(--ac)}
.pm-access-btn.btn-p:hover:not(:disabled){background:var(--ac);color:#fff}
.pm-access-btn.btn-s{background:transparent;color:var(--gn);border:1.5px solid var(--gn)}
.pm-access-btn.btn-s:hover:not(:disabled){background:var(--gn);color:#fff}
#pmRentBtn.btn-p{background:transparent!important;background-image:none!important;color:var(--ac)!important;box-shadow:none!important}
#pmRentBtn.btn-p:hover:not(:disabled){background:var(--ac)!important;color:#fff!important}
.pm-access-btn.btn-renew{background:transparent;color:var(--t2);border:1.5px solid var(--b2);font-weight:600}
.pm-access-btn.btn-renew:hover:not(:disabled){background:var(--s2);border-color:var(--t3);color:var(--t1)}
.pm-access-btn:disabled{opacity:.5;cursor:not-allowed}
.pm-no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--t3);flex:1;min-height:120px;gap:6px}
.pm-market-col{width:40%;flex-shrink:0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;background:var(--s1);border-left:none;padding-bottom:0}.pm-drag-handle{width:8px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative;z-index:30;border-left:1px solid var(--b1);transition:background .12s}
.mov-ov-drag{width:6px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative;z-index:30;border-left:1px solid var(--b1);transition:background .12s}
.mov-ov-drag::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;background:var(--b2);border-radius:2px;transition:background .12s}
.mov-ov-drag:hover,.mov-ov-drag.dragging{background:rgba(124,58,237,.12)}
.mov-ov-drag:hover::after,.mov-ov-drag.dragging::after{background:var(--ac)}
.moverlay.ov-resizing{cursor:col-resize;user-select:none}.pm-drag-handle::after{content:'';position:absolute;left:2px;top:50%;transform:translateY(-50%);height:40px;width:3px;border-radius:2px;background:var(--b2);transition:background .15s,height .15s}.pm-drag-handle:hover{background:rgba(124,58,237,.06)}.pm-drag-handle:hover::after{background:var(--ac);height:56px}.pm-drag-handle:active::after,.pm-drag-handle.dragging::after{background:var(--ac)}.pm-layout.pm-resizing{cursor:col-resize;user-select:none}.pm-layout.pm-resizing .pm-player-col,.pm-layout.pm-resizing .pm-market-col{pointer-events:none}
.pm-section-hdr{font-size:8px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--t3);display:flex;align-items:center;gap:5px;padding:2px 0 5px;border-bottom:1px solid var(--b1);margin-bottom:5px}
.pm-section-icon{width:14px;height:14px;border:1.5px solid rgba(99,102,241,.4);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:7px;flex-shrink:0;color:var(--ac2)}
.pm-accordion-list{display:flex;flex-direction:column;gap:6px}
.pm-acc-item{background:var(--s2);border:1px solid var(--b1);border-radius:7px;overflow:hidden;padding:7px 10px;transition:border-color .14s}
.pm-acc-item:hover{border-color:var(--b2)}
.pm-acc-btn{display:flex;align-items:flex-start;gap:8px;width:100%;padding:0;background:transparent;border:none;cursor:default;font-family:var(--fn);font-size:10px;font-weight:600;color:var(--t1);text-align:left;pointer-events:none}
.pm-acc-btn .pm-acc-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center;margin-top:-1px}
.pm-acc-btn .pm-acc-chev{display:none}
.pm-acc-body{display:block;padding:3px 0 0 24px;font-size:9.5px;color:var(--t2);line-height:1.6;border:none}
.pm-section-toggle{width:100%;background:transparent;border:none;cursor:pointer;font-family:var(--fn);border-radius:6px;padding:5px 6px;transition:background .14s;text-align:left}
.pm-section-toggle:hover{background:var(--s3)}
.pm-section-pm{margin-left:auto;font-size:17px;font-weight:300;color:var(--t3);line-height:1;flex-shrink:0;transition:color .15s}
.pm-section-toggle:hover .pm-section-pm{color:var(--t1)}
.pm-accordion-list.collapsed{display:none}
.pm-mkt-tabs{display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--b1);flex-shrink:0;background:var(--s1)}
.pm-sub-item:hover{background:var(--s2)}
.pm-sub-item:last-child{border-bottom:none!important}
.pm-mkt-tab{height:28px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 10px;border-radius:0;font-size:11px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;font-style:normal;color:var(--t3);cursor:pointer;font-family:var(--fn);transition:color .15s,border-color .15s;white-space:nowrap}
.pm-mkt-tab:hover{background:transparent;color:var(--t1);border-bottom-color:transparent}
.pm-mkt-tab.active{background:transparent;border-bottom-color:var(--ac);color:var(--ac2);font-weight:600}#mTabRental.active{background:transparent;border-bottom-color:var(--bl);color:var(--bl)}#ovTabRental.active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:var(--bl)}#mTabDownload.active{background:transparent;border-bottom-color:var(--gn);color:var(--gn)}#ovTabDownload.active{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.25);color:var(--gn)}#mTabTrend.active{background:transparent;border-bottom-color:#818cf8;color:#818cf8}#ovTabTrend.active{background:rgba(129,140,248,.10);border-color:rgba(129,140,248,.3);color:#818cf8}.tab-alert-dot{position:relative}
/* When the current user has active rentals/downloads: gently tint the tab so it's obvious */
#mTabRental.tab-alert-dot,#ovTabRental.tab-alert-dot{background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.3);color:var(--bl)}
#mTabDownload.tab-alert-dot,#ovTabDownload.tab-alert-dot{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.25);color:var(--gn)}
.tab-alert-dot::after{content:"";position:absolute;top:1px;right:1px;width:6px;height:6px;border-radius:50%;background:var(--bl);border:1px solid var(--s1)}.tab-alert-dot.expiring::after{background:var(--am);animation:tabDotPulse .8s ease-in-out infinite}.tab-alert-dot.expiring-now::after{background:var(--rd);animation:tabDotPulse .5s ease-in-out infinite}.tab-dl-dot::after{background:var(--gn)}@keyframes tabDotPulse{50%{opacity:.4;transform:scale(1.3)}}
.pm-mkt-tab.active:hover{background:transparent;color:var(--ac2);border-bottom-color:var(--ac)}.sort-dd-btn:hover{background:var(--s3)!important;border-color:var(--b2)!important}.sort-dd-btn.open{background:var(--s3);border-color:var(--ac);color:var(--ac2)}.sort-dd-item{display:block;width:100%;padding:7px 12px;font-size:11px;font-weight:500;color:var(--t2);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--fn);transition:background .1s}.sort-dd-item:hover{background:var(--s2);color:var(--t1)}.sort-dd-item.sort-active{color:var(--ac2);font-weight:700;background:var(--ag)}.pm-mkt-icon-tab{padding:0 8px;line-height:1}.pm-panel-reset{height:28px;box-sizing:border-box;padding:0 10px;border-radius:0;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--rd);cursor:pointer;display:none;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;line-height:1;flex-shrink:0;white-space:nowrap}.pm-panel-reset svg{width:11px;height:11px}.pm-panel-reset:hover{background:transparent;border-bottom-color:var(--rd);color:var(--rd)}.pm-panel-reset.visible{display:inline-flex}
.pm-mkt-search{height:26px;background:var(--s2);border:1px solid var(--b1);border-radius:7px;padding:0 9px;font-size:10px;color:var(--t1);font-family:var(--fn);outline:none;width:80px;transition:width .2s,border-color .15s}
.pm-mkt-search:focus{width:110px;border-color:var(--ac)}
.pm-mkt-search::placeholder{color:var(--t3)}
.pm-mkt-count{font-size:11px;color:var(--t2);white-space:nowrap}
.mkt-pager{display:inline-flex;align-items:center;gap:3px;margin-left:4px}
.mkt-pg-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--s2);border:1px solid var(--b2);color:var(--t2);cursor:pointer;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}
.mkt-pg-arrow:hover:not(:disabled){background:var(--ac);border-color:var(--ac);color:#fff}
.mkt-pg-arrow:disabled{opacity:.3;cursor:not-allowed}
.mkt-pg-label{font-size:9px;font-weight:600;color:var(--t3);min-width:30px;text-align:center;white-space:nowrap}
.pm-expand-btn{width:28px;height:28px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--s2);border:1px solid var(--b1);border-radius:6px;cursor:pointer;color:var(--t2);transition:all .14s;flex-shrink:0}
.pm-expand-btn:hover{background:var(--ac);color:#fff;border-color:transparent}
.abadge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:18px;font-size:10px;font-weight:500}
.abadge.lk{background:var(--s3);color:var(--t3)}.abadge.ac{background:var(--gd);color:var(--gn);border:1px solid rgba(34,197,94,.22)}.abadge.ow{background:var(--ag);color:var(--ac2);border:1px solid rgba(99,102,241,.22)}
.sep{flex:1}
.timer-row{display:flex;gap:5px;flex-wrap:wrap}
.tchip{display:inline-flex;align-items:center;gap:4px;background:rgba(99,102,241,.10);border:1px solid rgba(99,102,241,.22);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600;color:var(--ac2);font-family:var(--fn)}
.tchip.w{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.3);color:var(--am)}.tchip.d{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.3);color:var(--rd)}
.ea{display:none;background:rgba(20,20,20,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid rgba(245,158,11,.38);padding:6px 12px;font-size:10px;color:#f59e0b;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;width:100%;letter-spacing:.01em}
.ea.ea--dragging{box-shadow:0 6px 24px rgba(0,0,0,.45)!important;opacity:.92}
.ea.ea--floating{position:fixed;z-index:950;display:flex}
.ea.vis{display:flex}.ea.dan{border-top-color:rgba(239,68,68,.5);color:#f87171}
.sub-stats-panel{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);padding:8px 12px}
.sub-stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.ssc{background:var(--s2);border-radius:6px;padding:5px 2px;text-align:center}
.ssc.rd-bg{background:var(--rdd);border:1px solid rgba(239,68,68,.14)}
.ssv{font-size:13px;font-weight:700;line-height:1;color:var(--t1)}
.ssl{font-size:7px;color:var(--t3);margin-top:1px;line-height:1.2}
.mhdr{padding:9px 12px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-style:normal;font-family:var(--fn)}
.mtabs{display:flex;border-bottom:1px solid var(--b1);flex-shrink:0}
.mtab{flex:1;padding:5px 6px;font-family:var(--fn);font-size:10px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--t2);cursor:pointer;transition:all .14s}
.mtab:hover{color:var(--t1);background:var(--s2)}.mtab.active{color:var(--ac2);border-bottom-color:var(--ac2);background:var(--ag)}
.mfilter{padding:5px;border-bottom:1px solid var(--b1);display:flex;gap:4px;flex-shrink:0}
.mlist{flex:1;min-height:0;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}.mlist-2col{flex:1;min-height:0;overflow-y:auto;padding:6px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;grid-auto-rows:110px;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}.mlist-2col::-webkit-scrollbar{width:5px}.mlist-2col::-webkit-scrollbar-track{background:transparent}.mlist-2col::-webkit-scrollbar-thumb{background:#808080;border-radius:3px;min-height:30px}.mlist-2col::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.mlist-3col{flex:1;min-height:0;overflow-y:auto;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;grid-auto-rows:180px;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}.mlist-3col::-webkit-scrollbar{width:5px}.mlist-3col::-webkit-scrollbar-track{background:transparent}.mlist-3col::-webkit-scrollbar-thumb{background:#808080;border-radius:3px;min-height:30px}.mlist-3col::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.mlist-3col .mcard-g .gthumb{flex:1;height:auto;min-height:0}.mlist-3col .gbody{padding:4px 22px 5px 6px;flex-shrink:0}.mlist-2col .mbody{padding:5px 26px 5px 8px}.mlist-2col .mthumb{cursor:pointer;width:80px;transition:width 0.28s ease}
.mlist-2col.mlist-1col{grid-template-columns:1fr!important}.mlist-2col .mcard.sel .mthumb{width:160px;flex-shrink:0}/* 1-col list: selecting must NOT resize the row (was 160px thumb + 200px height) — that widened the thumbnail and pushed the title/price text out of alignment with the other rows, shifting the whole panel. !important is required to beat the inline style="width:160px" the render/select JS writes. Keep the row identical to its neighbours; selection is shown by the red border/overlay only. */.mlist .mcard.sel .mthumb{width:120px!important;flex-shrink:0}.mlist-2col .mmeta{flex-wrap:nowrap;overflow:hidden}
/* Settings option (Admin only): HORIZONTAL list-view expand. */
/* Expanded overlay (already correct — leave its landscape look intact). */
body.list-exp-h .ov-list-area.list-mode .mcard.sel{grid-row:auto!important;grid-column:auto!important;min-height:0!important}
body.list-exp-h .ov-list-area.list-mode .mcard.sel .mthumb{width:180px!important}
body.list-exp-h .ov-list-area.list-mode .mcard.sel .pricerow{flex-direction:row!important;flex-wrap:wrap;align-items:center}
body.list-exp-h .ov-list-area.list-mode .mcard.sel .mtitle{-webkit-line-clamp:1}
body.list-exp-h .ov-list-area.list-mode .mcard.sel .mbody{justify-content:center}
/* DOCKED main panel (per user): the selected card stays in its normal position at its
   normal SINGLE-ROW height — we only override the default vertical span-2 so it does
   NOT grow taller — and the ONLY visible change is a WIDER, landscape thumbnail.
   Nothing else moves, resizes, or reflows. */
body.list-exp-h .mlist-2col .mcard.sel,
body.list-exp-h .mlist .mcard.sel{grid-row:auto!important;grid-column:auto!important;height:110px!important;min-height:110px!important;align-self:stretch!important;overflow:hidden}
body.list-exp-h .mlist-2col.mlist-1col .mcard.sel .mthumb,
body.list-exp-h .mlist .mcard.sel .mthumb{width:190px!important;height:110px!important;align-self:stretch!important;flex-shrink:0}
body.list-exp-h .mlist-2col:not(.mlist-1col) .mcard.sel .mthumb{width:140px!important;height:110px!important;align-self:stretch!important;flex-shrink:0}
/* Keep the (narrower) body single-line so price pills never wrap/clip at the fixed 110px height. */
body.list-exp-h .mlist-2col .mcard.sel .mbody,
body.list-exp-h .mlist .mcard.sel .mbody{padding:5px 22px 5px 10px!important;justify-content:center;gap:2px}
body.list-exp-h .mlist-2col .mcard.sel .mtitle,
body.list-exp-h .mlist .mcard.sel .mtitle{-webkit-line-clamp:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.list-exp-h .mlist-2col .mcard.sel .mmeta,
body.list-exp-h .mlist .mcard.sel .mmeta{flex-wrap:nowrap!important;overflow:hidden}
body.list-exp-h .mlist-2col .mcard.sel .pricerow,
body.list-exp-h .mlist .mcard.sel .pricerow{margin-top:2px!important;gap:4px}
body.list-exp-h .mcard.sel .pp span{white-space:nowrap!important}
.mlist::-webkit-scrollbar{width:7px}
.mlist::-webkit-scrollbar-track{background:transparent}
.mlist::-webkit-scrollbar-thumb{background:#808080;border-radius:4px;min-height:40px}
.mlist::-webkit-scrollbar-thumb:hover{background:#a0a0a0}
.mlist-grid{flex:1;min-height:0;overflow-y:auto;padding:6px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;grid-auto-rows:182px;align-content:start;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}
.mlist-grid::-webkit-scrollbar{width:7px}
.mlist-grid::-webkit-scrollbar-track{background:transparent}
.mlist-grid::-webkit-scrollbar-thumb{background:#808080;border-radius:4px;min-height:40px}
.mlist-grid::-webkit-scrollbar-thumb:hover{background:#a0a0a0}
.view-toggle{display:flex;align-items:stretch;height:28px;box-sizing:border-box;background:var(--s2);border:1px solid var(--b1);border-radius:6px;overflow:hidden}
.vbtn{padding:4px 7px;font-size:11px;background:transparent;border:none;border-radius:0;color:var(--t3);cursor:pointer;transition:all .14s;display:flex;align-items:center;justify-content:center}
.vbtn:hover{color:var(--t1)}
.vbtn.active{background:var(--ac);color:#fff}
.mcard{background:var(--s1);border:1px solid var(--b1);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s,min-height .2s ease;display:flex;min-height:90px;position:relative}
.mcard-btns{position:absolute;top:4px;right:4px;z-index:20;display:flex;flex-direction:column;align-items:flex-end}
.mcard-dots{width:22px;height:22px;border-radius:4px;background:transparent;border:none;color:var(--t1);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;opacity:0.35;transition:opacity .15s,color .15s;padding:0;font-family:var(--fn);letter-spacing:1px}
.mcard:hover .mcard-dots{opacity:1}
.mcard-dots:hover{background:rgba(128,128,128,.18);color:var(--t1)}.mcard-dots:focus,.mcard-dots:focus-visible{outline:none}.mcard-btns button:focus,.mcard-btns button:focus-visible{outline:none}.gbody button:focus,.gbody button:focus-visible{outline:none}.mcard:focus,.mcard-g:focus{outline:none}
/* Keyboard focus indicator for arrow-key navigation of thumbnail cards. */
.mcard:focus-visible,.mcard-g:focus-visible{outline:2px solid var(--ac)!important;outline-offset:-2px!important;box-shadow:0 0 0 3px rgba(124,58,237,.30)!important;z-index:7}
#mcardMenuPortal{position:fixed;z-index:9999;display:none;flex-direction:column;background:var(--s1);border:1px solid var(--b2);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);overflow:hidden;min-width:90px}
#mcardMenuPortal.open{display:flex}
.mhbtn{width:100%;font-size:10px;font-weight:600;border:none;cursor:pointer;font-family:var(--fn);display:flex;align-items:center;gap:5px;padding:6px 10px;white-space:nowrap;transition:background .13s,color .13s;background:transparent;text-align:left}
html.lt #mcardMenuPortal{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.08)}
html.lt .mhbtn{color:#111}html.lt .mhbtn:hover{background:#f3f4f6}
html.yt #mcardMenuPortal{background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 8px rgba(0,0,0,.1)}
html.yt .mhbtn{color:#0f0f0f}html.yt .mhbtn:hover{background:#f2f2f2}
html.fb #mcardMenuPortal{background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.12)}
html.fb .mhbtn{color:#1c1e21}html.fb .mhbtn:hover{background:#f0f2f5}
html.comic #mcardMenuPortal{background:#fff;border:2px solid #0f0f0f;box-shadow:3px 3px 0 #0f0f0f;border-radius:6px}
html.comic .mhbtn{font-family:'DM Sans',sans-serif;font-weight:700;border-radius:4px}
html.comic .mhbtn:hover{background:#fde68a}
.mhbtn.mh-prev{color:var(--t2)}
.mhbtn.mh-prev:hover{background:var(--s2);color:var(--t1)}
.mhbtn.mh-rent{color:var(--ac3)}
.mhbtn.mh-rent:hover:not(:disabled){background:rgba(124,58,237,.12);color:var(--ac3)}
.mhbtn.mh-buy{color:var(--gn)}
.mhbtn.mh-buy:hover:not(:disabled){background:rgba(34,197,94,.1);color:var(--gn)}
.mhbtn:disabled{opacity:.38;cursor:not-allowed}
.mhbtn+.mhbtn{border-top:1px solid var(--b1)}
.mcard:hover{border-color:var(--ac);background:var(--s2)}.mcard:hover .mtitle{color:var(--ac2)}.mcard.no-hover:hover{border-color:rgba(0,0,0,.09)!important;background:#fff!important}
.mcard-g.no-hover:hover{transform:none!important;box-shadow:none!important;border-color:rgba(0,0,0,.09)!important;background:#fff!important}.mcard.sel{border:1px solid var(--rd)!important;background:var(--ag);outline:none;box-shadow:0 2px 10px rgba(239,0,39,.14);overflow:visible}.mlist-2col .mcard.sel{grid-row:span 2}.mcard.sel .mbody{justify-content:flex-start;padding:12px 28px 12px 10px;gap:8px}.mcard.sel .mtitle{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.35}.mcard.sel .mmeta{flex-wrap:wrap;overflow:visible}.mcard.sel .pricerow{gap:5px;margin-top:4px}.mcard.expiring-soon{border-color:var(--am)!important;box-shadow:0 0 0 2px rgba(245,158,11,.35)!important}.mcard.expiring-now{border-color:var(--rd)!important;box-shadow:0 0 0 2px rgba(239,68,68,.45)!important;animation:mcardPulse 1.4s ease-in-out infinite}@keyframes mcardPulse{0%,100%{box-shadow:0 0 0 2px rgba(239,68,68,.45)}50%{box-shadow:0 0 0 4px rgba(239,68,68,.7)}}.tb-expiring{position:absolute;top:3px;left:3px;border-radius:3px;padding:1px 4px;font-size:8.5px;font-weight:700;color:#fff;z-index:3;display:flex;align-items:center;gap:2px}.tb-expiring.soon{background:rgba(245,158,11,.92)}.tb-expiring.now{background:rgba(239,68,68,.92);animation:badgePulse .9s ease-in-out infinite}@keyframes badgePulse{50%{opacity:.6}}.mcard.dis-list{opacity:.45}
.mthumb{width:120px;flex-shrink:0;position:relative;overflow:hidden;border-radius:5px 0 0 5px;background:var(--s3);align-self:stretch;transition:width 0.28s ease}.mthumb img,.mthumb video,.mthumb .mthumb-inner{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
/* Disable right-click / drag on all video and thumbnail elements */
video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mthumb,.gthumb,.mvp2-thumb-col,.tb-stats{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mthumb *,.gthumb *{-webkit-user-drag:none;user-select:none;pointer-events:none}
.mcard-dots,.mcard-btns,.gthumb-hover-btns,.gthumb-hover-btns *,.mcard-btns button{pointer-events:all}
.mthumb-inner{display:flex;align-items:center;justify-content:center}
.mbody{flex:1;padding:6px 11px 6px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;overflow:hidden}
.mtitle{font-size:11px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px;line-height:1.2;flex-shrink:0;padding-right:24px}
.mmeta{font-size:9px;color:var(--t2);line-height:1.3;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;overflow:hidden;flex-shrink:0;white-space:nowrap;padding-right:24px}
.pricerow{display:flex;flex-direction:column;gap:4px;margin-top:3px;align-items:flex-start}
/* Selected (elongated) LIST card: keep the price fully visible & stable. ID-specificity (#marketList
   for the docked panel, #ovListArea for the Expand-Marketplace overlay) so it beats every layout-mode
   rule (mlist-2col, list-exp-h, the responsive container-query, etc.). The selected card elongates to
   a tall card, its body never clips, and the two price pills stack full-width so BOTH the "N TRX" and
   "≈ $x" lines always render — during resize and elongation alike. */
#marketList .mcard.sel,#marketList .mcard.sel .mbody,
#ovListArea .mcard.sel,#ovListArea .mcard.sel .mbody{overflow:visible!important}
#marketList.mlist-2col .mcard.sel,
#ovListArea.list-mode .mcard.sel{grid-row:span 2!important;min-height:210px!important;height:auto!important}
#marketList.mlist-2col .mcard.sel .mbody,
#ovListArea.list-mode .mcard.sel .mbody{justify-content:center!important;overflow:visible!important}
#marketList.mlist-2col .mcard.sel .pricerow,
#ovListArea.list-mode .mcard.sel .pricerow{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:5px!important}
#marketList.mlist-2col .mcard.sel .pricerow .pp,
#ovListArea.list-mode .mcard.sel .pricerow .pp{overflow:visible!important;min-width:0!important;width:100%!important;flex:none!important}
#marketList.mlist-2col .mcard.sel .pricerow .pp span,
#ovListArea.list-mode .mcard.sel .pricerow .pp span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pp{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:600;white-space:nowrap}
.pp.r{background:var(--bld);color:var(--bl)}.pp.d{background:var(--gd);color:var(--gn)}.pp.off{background:var(--s3);color:var(--t3);text-decoration:line-through}
.macts{display:flex;gap:3px;margin-top:2px}
.macts .btn{flex:1;justify-content:center;font-size:8px;height:18px;padding:0 2px;border-radius:4px;min-width:0}
.mcard-g{background:var(--s1);border:1px solid var(--b1);border-radius:6px 6px 0 0;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;min-width:0}
.mcard-g:hover{border-color:var(--ac);outline:1px solid var(--ac);outline-offset:0;box-shadow:0 2px 12px rgba(124,58,237,.25);background:var(--s2)}.mcard-g.sel{border:2px solid var(--rd) !important;background:var(--ag);box-shadow:0 4px 20px rgba(239,0,39,.18)}.mlist-grid .mcard-g.sel .gthumb{min-height:0;flex:1 1 auto;transition:none}
/* Selected grid card (all grid modes): the card stretches to fill its full
   2-row span; the thumbnail flexes to absorb any extra height while the body
   keeps its natural height and is never clipped — kills elongated-card overflow. */
.mlist-grid .mcard-g.sel,.mlist-3col .mcard-g.sel,.mlist-2col .mcard-g.sel{align-self:stretch!important;overflow:hidden}
.mlist-grid .mcard-g.sel .gthumb,.mlist-3col .mcard-g.sel .gthumb,.mlist-2col .mcard-g.sel .gthumb{flex:1 1 auto!important;min-height:0!important;height:auto!important;transition:none}
.mlist-grid .mcard-g.sel .gbody,.mlist-3col .mcard-g.sel .gbody,.mlist-2col .mcard-g.sel .gbody{flex:0 0 auto!important;overflow:visible!important}
.mlist-grid .mcard-g.sel .g-price-row,.mlist-3col .mcard-g.sel .g-price-row,.mlist-2col .mcard-g.sel .g-price-row{overflow:visible!important;flex-shrink:0}
.mlist-grid .mcard-g.sel .g-title{-webkit-line-clamp:2}.mlist-grid .mcard-g.sel{grid-row:span 2}.mlist-3col .mcard-g.sel{grid-row:span 2}.mlist-3col .mcard-g.sel .gthumb{min-height:0;flex:1;transition:none}.mlist-3col .mcard-g.sel .gbody{padding:8px 28px 12px 10px;gap:6px}.ov-list-area.list-mode .mcard.sel{grid-row:span 2}.ov-list-area.list-mode .mcard.sel .mthumb{width:110px;flex-shrink:0}.ov-list-area.grid-mode .mcard-g.sel .gthumb{min-height:220px;flex:1;transition:none}.ov-list-area.grid-mode .mcard-g.sel{grid-row:span 2}.ov-list-area.grid-mode .mcard-g{align-self:start}.ov-list-area.grid-mode .mcard-g.sel{align-self:stretch}.mcard-g.sel .g-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:11.5px}.mlist-grid .mcard-g{align-self:start}.mlist-grid .mcard-g.sel{align-self:stretch}.mcard-g.sel .g-price-row{margin-top:6px;gap:5px}.mcard-g.expiring-soon{border-color:var(--am)!important;box-shadow:0 0 0 2px rgba(245,158,11,.35)!important}.mcard-g.expiring-now{border-color:var(--rd)!important;box-shadow:0 0 0 2px rgba(239,68,68,.45)!important;animation:mcardPulse 1.4s ease-in-out infinite}.mcard-g.dis-list{opacity:.45}
.gthumb{width:100%;height:128px;position:relative;overflow:hidden;background:var(--s3);flex-shrink:0;border-radius:6px 6px 0 0;transition:height .2s ease,min-height .2s ease}
.mlist-grid .mcard-g:not(.sel):hover,.mlist-3col .mcard-g:not(.sel):hover{pointer-events:auto}
.mlist-grid .mcard-g:not(.sel) .gthumb,.mlist-3col .mcard-g:not(.sel) .gthumb{transition:none}.ov-list-area .gthumb{height:110px}.moverlay.expanded .ov-list-area .gthumb{height:140px}
.gthumb img,.gthumb video,.gthumb .gthumb-inner{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.gthumb-inner{display:flex;align-items:center;justify-content:center}
.gbody{padding:5px 7px 6px;display:flex;flex-direction:column;gap:2px;background:var(--s1);border:1px solid var(--b1);border-top:none;border-radius:0 0 6px 6px;overflow:hidden;position:relative;flex-shrink:0}
.gthumb-hover-btns{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;z-index:5}
.mcard-g:hover .gthumb-hover-btns{opacity:1;transform:translateY(0)}
/* Cards elongate/resize ONLY on click (.sel) — hover must not change thumbnail size. */
.ghbtn{height:26px;font-size:9px;font-weight:600;border:none;cursor:pointer;font-family:var(--fn);display:flex;align-items:center;justify-content:center;transition:opacity .14s;white-space:nowrap;padding:0;border-radius:0}
.ghbtn.gh-prev{background:rgba(15,15,15,.88);color:rgba(255,255,255,.9);backdrop-filter:blur(4px)}
.ghbtn.gh-prev:hover{background:rgba(0,0,0,.88)}
.ghbtn.gh-rent{background:#e53e3e;color:#fff}
.ghbtn.gh-rent:hover:not(:disabled){background:#c53030}
.ghbtn.gh-buy{background:#22c55e;color:#fff}
.ghbtn.gh-buy:hover:not(:disabled){background:#16a34a}
.ghbtn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.tb-dur{position:absolute;top:3px;left:3px;background:rgba(0,0,0,.7);border-radius:3px;padding:1px 5px;font-size:8px;font-weight:600;color:#fff;z-index:3;transition:opacity .14s}
/* On hover the Private/Public badge takes the top-left corner, so fade the duration badge out to avoid overlap */
[class*="card"]:hover .tb-dur{opacity:0}
.tb-reported{position:absolute;top:3px;right:3px;z-index:6;background:rgba(220,38,38,.94);color:#fff;font-size:8px;font-weight:800;padding:2px 5px;border-radius:3px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:3px;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.tb-own{position:absolute;top:3px;right:3px;background:rgba(99,102,241,.9);border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600;color:#fff;z-index:3}
.tb-rented{position:absolute;top:5px;right:5px;background:#16a34a;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700;color:#fff;z-index:3}
/* My Videos: "Unlisted" overlay on the thumbnail */
.arch-thumb-unlisted{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6px;line-height:1.2;background:rgba(15,23,42,.5);color:#f59e0b;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}
.arch-thumb-archived{color:#cbd5e1}
.mvc2-thumb-wrap,.mvp2-thumb-col{position:relative}
.tb-bought{position:absolute;top:18px;right:3px;background:rgba(34,197,94,.9);border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600;color:#fff;z-index:3}
.tb-badge-row{position:absolute;top:5px;right:5px;z-index:4;display:flex;flex-direction:row-reverse;align-items:center;gap:4px}
.tb-badge-row .tb-rented,.tb-badge-row .tb-bought{position:static;top:auto;right:auto}
.tb-privbadge{opacity:0;transition:opacity .14s}
[class*="card"]:hover .tb-privbadge{opacity:1}
/* Gateway (Pinata) badge — Mine tab only, revealed on hover like the Private/Public badge */
.tb-gwbadge{opacity:0;transition:opacity .14s}
[class*="card"]:hover .tb-gwbadge{opacity:1}
.mvc2:hover .tb-gwbadge,.mvp2:hover .tb-gwbadge{opacity:1}
/* My Videos cards (.mvc2 / .mvp2) don't contain "card" in the class name — reveal the badge on their hover too */
.mvc2:hover .tb-privbadge,.mvp2:hover .tb-privbadge{opacity:1}
/* tb-rented above */
.tb-stats .tsp:first-of-type{margin-left:auto}
/* owner earnings overlay on thumbnail hover */
.tb-stats{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);padding:4px 5px 3px;display:flex;align-items:center;gap:3px;z-index:3}.tsp{display:inline-flex;align-items:center;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.15);border-radius:2px;padding:1px 4px;font-size:8px;font-weight:600;color:rgba(255,255,255,.95);gap:2px}.tb-earn-hover{position:absolute;bottom:35px;left:4px;background:none;padding:0 3px;display:flex;flex-direction:column;align-items:flex-start;gap:0px;z-index:4;opacity:0;transition:opacity .18s ease;pointer-events:none}.mthumb .tb-earn-hover{bottom:35px;padding:0 3px;max-width:calc(100% - 4px)}.gthumb .tb-earn-hover{bottom:35px;left:4px;padding:0 3px;max-width:calc(100% - 4px)}.mcard:hover .tb-earn-hover,.mcard-g:hover .tb-earn-hover{opacity:1}.tb-earn-row{display:flex;align-items:center;gap:3px}.tb-earn-lbl{font-size:7.5px;color:#fff;font-weight:700;flex-shrink:0;min-width:11px;height:11px;text-align:center;line-height:11px}.tb-earn-lbl:not(:empty){background:rgba(0,0,0,.6);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.4)}.tb-earn-pill{display:inline-flex;align-items:center;gap:2px;padding:0 4px;border-radius:2px;font-size:7.5px;font-weight:700;white-space:nowrap;line-height:1.2}.tb-earn-pill.trx{background:rgba(220,6,43,.85);color:#fff}.tb-earn-pill.trx .trx-ico,.tb-earn-pill.gn .trx-ico{border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}.tb-earn-pill.gn{background:rgba(22,163,74,.85);color:#fff}.tb-earn-pill.usdt{background:rgba(38,161,123,.9);color:#fff}.tb-earn-pill.usdt .usdt-ico{border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.tav{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,255,255,.4)}

.thumb-off-ov{position:absolute;inset:0;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;font-size:8px;color:rgba(255,255,255,.8);font-weight:600;letter-spacing:.5px;z-index:4}
.tbtn{font-size:8px;height:18px;padding:0 5px;border-radius:4px;border:1px solid rgba(99,102,241,.38);background:rgba(99,102,241,.1);color:var(--ac2);cursor:pointer;font-family:var(--fn);font-weight:500;transition:all .14s;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}
.tbtn:hover{background:var(--ac);color:#fff;border-color:var(--ac)}
/* pagination rule 1 cleared - see bottom of style */.pg-prev,.pg-cur{font-size:10px;font-weight:700;color:var(--t1);background:var(--s3);border-color:var(--b2)}
.pg-btn{height:19px;min-width:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background:var(--s2);border:1px solid var(--b1);cursor:pointer;font-size:9px;color:var(--t2);transition:all .14s;font-family:var(--fn);font-weight:500}
.pg-btn:hover:not(:disabled){background:var(--s3);color:var(--t1)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-prev,.pg-next{padding:0 10px!important;gap:4px;font-weight:600;font-size:11px}.pg-prev:not(:disabled){color:var(--ac2)!important;border-color:var(--ac)!important}.pg-next:not(:disabled){color:var(--ac2)!important;border-color:var(--ac)!important}.pg-prev:not(:disabled):hover,.pg-next:not(:disabled):hover{background:var(--ac)!important;color:#fff!important}
/* Thumbnail-panel pagination: Prev / page counter / Next match the All-tab button height (28px) */
#marketPagination .pg-btn{height:28px;box-sizing:border-box;font-size:11px}
#marketPagination .pg-cur{font-size:11px}
.pg-info{font-size:11px;color:var(--t2);padding:0 4px}
.moverlay{display:none;position:fixed;inset:0;z-index:500;background:var(--bg);flex-direction:row;overflow:hidden;isolation:isolate}
.moverlay.open{display:flex}
.mov-player{width:340px;flex-shrink:0;border-right:1px solid var(--b1);display:flex;flex-direction:column;background:var(--s1)}
.mov-vid-wrap{position:relative;background:#000;width:100%;overflow:hidden;flex-shrink:0;border-radius:4px;aspect-ratio:16/9;max-height:55vh}
.mov-vid-wrap video{width:100%;height:100%;display:block;object-fit:cover;border-radius:4px}
.ov-lock{position:absolute;inset:0;background:rgba(0,0,0,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:5;padding:20px;text-align:center}.ov-lock .ov-lock-icon{color:#ef4444;margin-bottom:2px}.ov-lock .ov-lock-icon svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:2}.ov-lock .ov-lock-title{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.01em}.ov-lock .ov-lock-sub{font-size:11px;color:rgba(255,255,255,.65);margin-bottom:4px}.ov-lock .ov-lock-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;max-width:420px}.ov-lock .ov-lock-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:130px;height:34px;padding:0 12px;border-radius:6px;border:none;cursor:pointer;font-family:var(--fn);font-size:11.5px;font-weight:700;color:#fff;transition:filter .15s,transform .12s}.ov-lock .ov-lock-btn svg{width:13px;height:13px}.ov-lock .ov-lock-btn:hover:not(:disabled){filter:brightness(1.08)}.ov-lock .ov-lock-btn:active:not(:disabled){transform:translateY(1px)}.ov-lock .ov-lock-btn.rent{background:#ef4444}.ov-lock .ov-lock-btn.buy{background:#22c55e}.ov-lock .ov-lock-btn:disabled{opacity:.5;cursor:not-allowed}.ov-lock .ov-lock-recover{margin-top:6px;font-size:11px;color:rgba(255,255,255,.55);text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-family:var(--fn)}.ov-lock .ov-lock-recover:hover{color:rgba(255,255,255,.85)}
/* Hide old Rent/Download CTA row under the expanded-overlay player — replaced by overlay lock buttons.
   NOTE: .ov-price-wrap (Rental Access / Download Access info blocks) is intentionally kept visible. */
#ovActions{display:none!important}
/* Rental / Download Access info card labels shown even when locked */
.ov-price-wrap .pm-access-label{font-weight:700}
/* Persistent Recover Access link — always visible under the media player, both main + overlay */
.recover-link-persistent{display:flex!important;align-items:center;justify-content:center;padding:10px 12px;font-size:11px;text-align:center;background:transparent}
.recover-link-persistent a{color:var(--t2);text-decoration:underline;text-underline-offset:3px;font-weight:600;cursor:pointer}
.recover-link-persistent a:hover{color:var(--ac2)}
/* Access Required lock overlay: center content vertically, Recover Access below buttons — both main and overlay players */
.ov-lock .ov-lock-btns,.lock-overlay .ov-lock-btns{margin-top:2px}
.ov-lock .ov-lock-recover,.lock-overlay .ov-lock-recover{margin:10px auto 0!important;display:block;color:rgba(255,255,255,.7)!important;font-size:11px;text-align:center;width:100%}
.lock-overlay{text-align:center}
/* Also target the original main-player lock overlay's recover button/link — center it */
#lockOverlay .recover-btn,#lockOverlay [onclick*="openRecoverModal"]{display:block;margin:10px auto 0;text-align:center;color:rgba(255,255,255,.75);text-decoration:underline;text-underline-offset:3px;font-size:11px;background:none;border:none;cursor:pointer;font-family:var(--fn);width:100%}
#lockOverlay .recover-btn:hover,#lockOverlay [onclick*="openRecoverModal"]:hover{color:rgba(255,255,255,.95)}
/* Full description text — override inline -webkit-line-clamp so full text shows, but keep it inside its box */
#nowPlayingDesc,#ovDesc{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible!important;max-height:none!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;min-width:0;max-width:100%}
#nowPlayingDescWrap,#ovDescWrap{max-width:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}
/* Polished action buttons in the expanded overlay media panel */
.moverlay #ovActionBtns{padding:8px 0 4px;gap:6px!important;align-items:center;flex-wrap:wrap!important}
.moverlay #ovActionBtns .pm-act-btn{height:32px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:600;background:var(--s2);border:1px solid var(--b1);color:var(--t1);transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.moverlay #ovActionBtns .pm-act-btn:hover:not(:disabled){background:var(--s3);border-color:var(--ac);color:var(--ac2);transform:translateY(-1px);box-shadow:0 3px 8px rgba(124,58,237,.15)}
.moverlay #ovActionBtns .pm-act-btn svg{width:12px;height:12px}
/* Make Reset button always visible (was hidden until deviation) so users can find it */
#pmPanelReset{display:inline-flex!important}
/* Buyer table (Rent Buyers / Download Buyers modal + Full View) — scroll + correct currency amount */
.buyer-tw-scroll{max-height:340px;overflow-y:auto;overflow-x:auto;border-radius:6px;border:1px solid var(--b1);scrollbar-width:thin;scrollbar-color:var(--b2) transparent}
.buyer-tw-scroll::-webkit-scrollbar{width:5px;height:5px}
.buyer-tw-scroll::-webkit-scrollbar-track{background:transparent}
.buyer-tw-scroll::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px}
.buyer-tw-scroll table{width:100%;border-collapse:collapse;font-size:11px}
.buyer-tw-scroll thead th{position:sticky;top:0;background:var(--s2);z-index:2;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--b1);text-align:left;white-space:nowrap}
.buyer-tw-scroll tbody td{padding:7px 10px;border-bottom:1px solid var(--b1);vertical-align:middle}
.buyer-tw-scroll tbody tr:hover{background:var(--s2)}
.buyer-tw-scroll tbody tr:last-child td{border-bottom:none}
.buyer-amt-cell{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-family:var(--mo);font-size:11px}
.buyer-amt-cell .cur-lbl{font-size:9px;font-weight:500;opacity:.7;font-family:var(--fn)}
.buyer-amt-cell.usdt{color:#26a17b}
.buyer-amt-cell.trx{color:#DC062B}
/* Multi-currency price pill: stack currencies vertically inside the price pill on thumbnails */
.pp .price-mc{display:inline-flex;flex-direction:column;line-height:1.25;gap:1px}
.pp .price-mc .mc-trx{font-weight:700;font-size:10px}
.pp .price-mc .mc-usd,.pp .price-mc .mc-loc{font-weight:500;font-size:9px;opacity:.85}
.g-price-row .price-mc{display:inline-flex;flex-direction:column;line-height:1.2;gap:0}
.g-price-row .price-mc .mc-trx{font-weight:700;font-size:9.5px}
.g-price-row .price-mc .mc-usd,.g-price-row .price-mc .mc-loc{font-weight:500;font-size:8.5px;opacity:.85}
#ovActions .btn{border-radius:2px !important}
.mov-meta{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}
.mov-meta::-webkit-scrollbar{width:5px}
.mov-meta::-webkit-scrollbar-track{background:transparent}
.mov-meta::-webkit-scrollbar-thumb{background:#808080;border-radius:3px;min-height:30px}
.mov-meta::-webkit-scrollbar-thumb:hover{background:#a0a0a0}
.moverlay:not(.expanded) .pm-info-card{padding:10px 12px 6px;gap:3px}
.moverlay:not(.expanded) .pm-info-title{font-size:14px;-webkit-line-clamp:3}
.moverlay:not(.expanded) .pm-access-block{padding:7px 9px;border-radius:6px}
.moverlay:not(.expanded) .pm-access-label{font-size:8px;letter-spacing:.4px}
.moverlay:not(.expanded) .pm-access-price{font-size:10px;gap:2px}
.moverlay:not(.expanded) .pm-access-price span[style*="font-size:15px"]{font-size:12px!important;font-weight:700}
.moverlay:not(.expanded) .pm-access-dur{font-size:10px}
.moverlay:not(.expanded) .pm-access-status{font-size:10px}
.moverlay:not(.expanded) .pm-access-btn{height:32px;font-size:12px;margin-top:6px}
.moverlay:not(.expanded) .ov-price-wrap{padding:6px 10px 4px}
.moverlay:not(.expanded) .pm-info-actions{padding:6px 0 8px}
/* Profile row action buttons — compact style */
[data-pm-hdr-btns] .pm-act-btn{padding:5px 10px;font-size:10px;font-weight:500}
[data-ov-hdr-btns] .pm-act-btn{padding:3px 7px;font-size:9px;font-weight:500}
.moverlay:not(.expanded) #ovMetaRow{padding:0 0 8px}
.moverlay:not(.expanded) #ovOwnerBanner{padding:6px 12px 2px}
.ov-price-wrap{padding:10px 14px 0}
.moverlay.expanded .ov-uploader-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--b1)}.ov-uploader-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;background:var(--s3);box-shadow:0 1px 4px rgba(0,0,0,.3);border:2px solid var(--s1)}.ov-uploader-info{min-width:0;flex:1}.ov-uploader-name{font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-uploader-sub{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:1px}.ov-uploader-name-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.ov-uploader-tags-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px}.ov-cid-badge-inline{font-size:9.5px;font-family:var(--mo);background:var(--s2);color:var(--t3);padding:2px 7px;border-radius:5px;border:1px solid var(--b1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.ov-ipfs-badge-inline{font-size:9.5px;font-family:var(--fn);background:rgba(99,102,241,.1);color:var(--ac2);padding:2px 7px;border-radius:5px;border:1px solid rgba(99,102,241,.25);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0}.ov-desc{font-size:11px;color:var(--t2);line-height:1.5;margin-bottom:10px;padding:8px 10px;background:var(--s2);border-radius:7px;border:1px solid var(--b1)}.ov-title{font-size:19px;font-weight:800;color:var(--t1);line-height:1.3;margin-bottom:8px;font-family:var(--fd);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ov-byline{font-size:11px;color:var(--t2);margin-bottom:10px;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ov-byline .trx-ico{margin:0 1px}.ov-access-badge{font-size:11px;padding:4px 11px;margin-bottom:10px;font-weight:600}.ov-timer-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.ov-timer-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(99,102,241,.10);border:1px solid rgba(99,102,241,.22);border-radius:20px;padding:4px 11px;font-size:10.5px;font-weight:600;color:var(--ac2);font-family:var(--fn)}.ov-timer-chip.w{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.3);color:var(--am)}.ov-timer-chip.d{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.3);color:var(--rd);animation:ovTimerPulse 1s ease-in-out infinite}@keyframes ovTimerPulse{50%{opacity:.55}}.ov-cta-row{display:flex;gap:6px;padding:6px 10px}.ov-owner-banner{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(99,102,241,.08));border:1px solid rgba(124,58,237,.25);color:var(--ac2);font-size:13px;font-weight:700;width:100%}.ov-cta-btn.rent{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;box-shadow:0 2px 10px rgba(124,58,237,.3)}.ov-cta-btn.rent:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(124,58,237,.4)}.ov-cta-btn.dl{background:var(--gd);color:var(--gn);border:1px solid rgba(34,197,94,.25)}.ov-cta-btn.dl:hover{background:rgba(34,197,94,.18)}.ov-cta-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.ov-price-card{display:grid;grid-template-columns:1fr 1fr;background:var(--s2);border:1px solid var(--b1);border-radius:12px;padding:16px 0;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.ov-price-col{padding:0 16px;text-align:left}.ov-price-col:first-child{border-right:1px solid var(--b1)}.ov-price-lbl{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:5px}.ov-price-val{font-size:19px;font-weight:800;font-family:var(--mo);line-height:1.15;display:flex;align-items:center;gap:5px}.ov-price-val.rent{color:#DC062B}.ov-price-val.dl{color:var(--gn)}.ov-price-local{font-size:10.5px;color:var(--t3);margin-top:3px;font-family:var(--mo)}.ov-earned-row{margin-top:7px;padding-top:7px;border-top:1px dashed var(--b1);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ov-earned-lbl{font-size:8.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}.ov-earned-val{font-size:11px;font-weight:700;display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;font-family:var(--mo)}.ov-earned-val .ov-earned-chip{display:inline-flex;align-items:center;gap:3px}.ov-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;margin-top:4px;background:var(--s2);border-radius:10px;border:1px solid var(--b1)}.ov-meta-lbl{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:4px}.ov-meta-val{font-size:12px;font-weight:600;color:var(--t1);font-family:var(--mo)}.ov-cid-row{display:flex;align-items:center;gap:5px}.ov-cid-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.ov-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:1px solid var(--b1);background:transparent;color:var(--t3);cursor:pointer;flex-shrink:0;transition:all .15s}.ov-copy-btn:hover{background:rgba(124,58,237,.1);color:var(--ac2);border-color:var(--ac2)}
.mov-list-col{flex:1;display:flex;flex-direction:column;overflow-x:hidden;min-width:0;container-type:inline-size;container-name:ovlist}
.mov-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--s1);border-bottom:1px solid var(--b1);gap:8px;flex-shrink:0;flex-wrap:wrap}
.ov-list-area{flex:1;overflow-y:auto;padding:8px 12px;min-width:0;width:100%;scrollbar-width:thin;scrollbar-color:#808080 transparent;scrollbar-gutter:stable}
.ov-list-area::-webkit-scrollbar{width:7px}
.ov-list-area::-webkit-scrollbar-track{background:transparent}
.ov-list-area::-webkit-scrollbar-thumb{background:#808080;border-radius:4px;min-height:40px}
.ov-list-area::-webkit-scrollbar-thumb:hover{background:#a0a0a0}
.ov-list-area.list-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;align-content:start}
/* Responsive Expand-Marketplace list: 2 cards per row normally, but collapse to a single
   full-width card per row once the (resizable) list column gets narrow — keeps the price card
   from being squeezed/clipped during drag-to-resize. Reacts live to the divider with no JS. */
@container ovlist (max-width:520px){.ov-list-area.list-mode{grid-template-columns:1fr}}
@container ovlist (max-width:520px){.ov-list-area.list-mode .mcard.sel{grid-row:auto}}
.ov-list-area.grid-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:7px;align-content:start;grid-auto-rows:auto;box-sizing:border-box}.moverlay.expanded .ov-list-area.grid-mode{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.upload-layout{padding:12px 18px;flex:1;display:flex;flex-direction:column;gap:9px;max-width:680px;overflow-y:auto}
.uf{display:none;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);padding:11px 13px}.uf.vis{display:block}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.ff{grid-column:1/-1}
.fgrp{display:flex;flex-direction:column;gap:4px}
.flbl{font-size:9px;font-weight:500;color:var(--t2)}
.fi{background:var(--s2);border:1px solid var(--b2);border-radius:var(--r);padding:6px 9px;font-family:var(--fn);font-size:11px;color:var(--t1);outline:none;transition:border-color .14s;width:100%}
.fi:focus{border-color:var(--ac)}.fi::placeholder{color:var(--t3)}
textarea.fi{resize:vertical;min-height:44px}
select.fi{color:var(--t1);background:var(--s2)}
select.fi option{background:var(--s1);color:var(--t1)}
.mode-tabs{display:flex;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.modetab{flex:1;padding:5px 9px;font-family:var(--fn);font-size:10px;font-weight:500;background:transparent;border:none;color:var(--t2);cursor:pointer;transition:all .14s}
.modetab:hover{background:var(--s3);color:var(--t1)}.modetab.active{background:var(--ac);color:#fff}
.cid-row{display:flex;gap:6px;align-items:center;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:7px 9px}
.cid-row input{flex:1;background:transparent;border:none;outline:none;font-family:var(--mo);font-size:10px;color:var(--t1)}.cid-row input::placeholder{color:var(--t3)}
.cid-badge{font-size:8px;padding:1px 5px;border-radius:3px;background:var(--ag);color:var(--ac2);font-weight:600;flex-shrink:0}
.cur-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.curbtn{padding:4px 9px;border-radius:6px;font-size:10px;font-weight:500;background:var(--s2);border:1px solid var(--b2);color:var(--t2);cursor:pointer;transition:all .14s;font-family:var(--fn);display:inline-flex;align-items:center;gap:4px}
.curbtn:hover{background:var(--s3)}.curbtn.active{background:var(--ag);border-color:var(--ac);color:var(--ac2)}
.cur-dropdown-wrap{position:relative}
.cur-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:600;background:var(--s1);border:1px solid var(--b2);border-radius:var(--r2);width:280px;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden}
.cur-dropdown.open{display:flex;flex-direction:column}

.cur-dd-search input{flex:1;background:transparent;border:none;outline:none;font-family:var(--fn);font-size:11px;color:var(--t1)}
.cur-dd-search input::placeholder{color:var(--t3)}
.cur-dd-list{max-height:220px;overflow-y:auto;padding:4px}
.cur-dd-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s}
.cur-dd-item:hover{background:var(--s2)}
.cur-dd-item.active{background:var(--ag)}
.cur-dd-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.cur-flag-wrap{flex-shrink:0;display:flex;align-items:center;line-height:0}
.cur-dd-code{font-size:11px;font-weight:600;color:var(--t1);line-height:1.2}
.cur-dd-name{font-size:11px;color:var(--t2);line-height:1.2}
.wz-cur-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 5px;border-radius:2px;border:1px solid var(--b2);background:var(--s2);cursor:pointer;font-family:var(--fn);font-size:11px;font-weight:500;color:var(--t2);transition:all .14s;white-space:nowrap}
.wz-cur-pill:hover{background:var(--s3);color:var(--t1);border-color:var(--ac)}
.wz-cur-pill.active{border-color:var(--ac);background:var(--ag);color:var(--ac2)}
.wz-cur-pill-icon{flex-shrink:0;display:flex;align-items:center;line-height:0;min-width:22px}
.wz-cur-pill-label{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cur-dd-search{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--b1);flex-shrink:0;flex-wrap:wrap}
.cur-dd-search input{flex:1;background:transparent;border:none;outline:none;font-family:var(--fn);font-size:11px;color:var(--t1);min-width:80px}
.cur-dd-title{width:100%;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--t3);padding:4px 2px 0}
.pconv{font-size:11px;font-weight:500;color:var(--ac2);margin-top:4px;letter-spacing:.2px}
.price-cur-tag{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:var(--t3);pointer-events:none;font-family:var(--mo);background:var(--s2);padding:1px 4px;border-radius:4px;border:1px solid var(--b1)}
input[type=number].no-spin::-webkit-outer-spin-button,
input[type=number].no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number].no-spin{-moz-appearance:textfield;appearance:textfield}
.fi[type=number]::-webkit-outer-spin-button,.fi[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fi[type=number]{-moz-appearance:textfield;appearance:textfield}
.sb-cd-item{display:flex;align-items:center;justify-content:space-between;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:4px 7px;font-size:9px;gap:4px}
.sb-cd-label{color:var(--t3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.sb-cd-time{font-family:var(--mo);font-weight:700;color:var(--ac2);white-space:nowrap;flex-shrink:0}
.sb-cd-time.warn{color:var(--am)}
.sb-cd-time.danger{color:var(--rd)}
.pb{background:var(--s3);border-radius:3px;height:3px;overflow:hidden;display:none;margin-top:5px}
.pf{height:100%;background:var(--ac);border-radius:3px;transition:width .3s}
.sec-notice{display:flex;align-items:flex-start;gap:7px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);border-radius:var(--r);padding:8px 11px;font-size:9px;color:var(--ac2);line-height:1.6}
.sec-notice-icon{font-size:13px;flex-shrink:0;margin-top:1px}
.chk-row{display:flex;align-items:center;gap:7px;padding:6px 0}
.chk-box{display:flex;align-items:center;gap:5px;cursor:pointer}.chk-box:hover{opacity:.85}
.chk-box input[type=checkbox]{width:14px;height:14px;accent-color:var(--ac);cursor:pointer}
.chk-box span{font-size:10px;font-weight:500;color:var(--t1)}
.chk-badge{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600}
.chk-badge.on{background:var(--gd);color:var(--gn)}.chk-badge.off{background:var(--rdd);color:var(--rd)}
/* mv-layout stale cleared */
.mvc{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);overflow:hidden;margin-bottom:9px}
.mvc.lk{border-color:rgba(245,158,11,.4)}
.mv-hdr{padding:9px 12px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:6px;border-bottom:1px solid var(--b1)}



.mv-lock-body strong{font-weight:600}


@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
.ssrow{display:flex;gap:5px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--b1)}
.ss{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:9px;font-weight:500}
.ss.ac{background:var(--gd);color:var(--gn)}.ss.in{background:var(--s3);color:var(--t2)}.ss.rv{background:var(--ag);color:var(--ac2)}
.dot{width:4px;height:4px;border-radius:50%;background:currentColor}
.mv-acts{padding:7px 12px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.mv-ti{font-size:12px;font-weight:600;background:var(--s1);border:1px solid var(--b2);border-radius:4px;padding:3px 8px;color:var(--t1);font-family:var(--fn);outline:none;flex:1;min-width:0;transition:border-color .14s}

.mv-ti:focus{border-color:var(--ac)}.mv-ti:disabled{background:transparent;border-color:transparent;cursor:default;padding-left:0}.mv-edit-btn{min-width:58px;transition:all .15s}.mv-edit-btn.btn-p{background:var(--ac);color:#fff;border-color:var(--ac)}
.mv-dur-row{padding:6px 12px;border-bottom:1px solid var(--b1);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dur-lbl{font-size:11px;color:var(--t1);font-weight:700;white-space:nowrap;font-style:normal}
.dur-group{display:flex;align-items:center;gap:4px}
/* old dur-inp cleared */
.dur-inp:focus{border-color:var(--ac)}.dur-inp:disabled{opacity:.45;cursor:not-allowed}
.dur-sel{background:var(--s2);border:1px solid var(--b2);border-radius:5px;padding:2px 4px;font-family:var(--fn);font-size:9px;color:var(--t2);outline:none;cursor:pointer}.dur-sel:hover{border-color:var(--ac);background:var(--s3)}
.dur-sel:disabled{opacity:.45;cursor:not-allowed}
.rev-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.rev-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:9px;font-weight:500}
.rev-pill.trx{background:rgba(196,0,33,.12);color:#c40021;border:1px solid rgba(196,0,33,.25)}
.rev-pill.usdt{background:rgba(38,161,123,.1);color:#26a17b;border:1px solid rgba(38,161,123,.2)}



thead tr{background:var(--s2);position:sticky;top:0;z-index:2}

tbody tr:last-child td{border-bottom:none}
tbody tr{transition:background .1s}
tbody tr:hover{background:var(--s2)}
/* Ledger table — compact per-cell layout, no forced overflow */
#ledgerBody tr td:nth-child(1),#ledgerRevBody tr td:nth-child(1){width:28px;min-width:28px;padding:6px}
#ldgExpensePanel table,#ldgRevenuePanel table{font-size:11px}
#ldgExpensePanel td,#ldgRevenuePanel td{padding:6px 8px}
#ldgExpensePanel th,#ldgRevenuePanel th{padding:6px 8px}
#ldgExpensePanel td:nth-child(3),#ldgRevenuePanel td:nth-child(3){max-width:140px;overflow:hidden;text-overflow:ellipsis}
#ldgExpensePanel td:nth-child(5),#ldgRevenuePanel td:nth-child(5),#ldgExpensePanel td:nth-child(6),#ldgRevenuePanel td:nth-child(6){max-width:130px}

.tpill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.tpill.r{background:var(--bld);color:var(--bl);border:1px solid rgba(59,130,246,.2)}
.tpill.d{background:var(--gd);color:var(--gn);border:1px solid rgba(34,197,94,.2)}
.txh{font-family:var(--mo);font-size:9px;color:var(--ac2);text-decoration:none;padding:2px 6px;background:var(--ag);border-radius:4px;display:inline-flex;align-items:center;gap:3px;transition:background .12s}
.txh:hover{background:rgba(99,102,241,.2)}






.ledger-stat-item{display:inline-flex;align-items:center;gap:3px}
.ledger-stat-num{font-weight:700;color:var(--t1)}
.ledger-stat-num.gn{color:var(--gn)}
.ledger-stat-num.am{color:var(--am)}
.ledger-stat-sep{color:var(--b2);font-size:13px;margin:0 1px}
.mbd{display:none;position:fixed;inset:0;background:rgba(0,0,0,0);z-index:1000;align-items:center;justify-content:center;transition:background .18s}
.pu-disclaimer{display:flex;align-items:flex-start;gap:10px;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:12px 14px;cursor:pointer;margin-top:12px;transition:background .14s}
.pu-disclaimer:hover{background:rgba(245,158,11,.13)}
.pu-disclaimer input[type=checkbox]{width:17px;height:17px;flex-shrink:0;margin-top:1px;accent-color:var(--ac);cursor:pointer}
.pu-disclaimer-text{font-size:11px;color:var(--t2);line-height:1.55}
.pu-disclaimer-text strong{color:var(--t1)}
#puConfirmBtn:disabled{opacity:.38;cursor:not-allowed}
.mbd.open{display:flex;background:rgba(0,0,0,.76)}.mbd.open .mbox{animation:mboxIn .18s ease forwards}
.mbox{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r3);padding:18px;max-width:640px;width:92%;max-height:85vh;overflow-y:auto}
.mhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--b1)}
.mtit{font-size:12px;font-weight:500}
.csec{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}
.cbtn{flex:1;min-width:65px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 7px;border-radius:var(--r);cursor:pointer;background:var(--s2);border:1px solid var(--b2);font-family:var(--fn);font-size:10px;font-weight:500;color:var(--t2);transition:all .14s}
.cbtn:hover{background:var(--s3);color:var(--t1)}.cbtn.active{background:var(--ag);border-color:var(--ac);color:var(--ac2)}
.cdot{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#fff;flex-shrink:0}
.fdis{background:var(--ad);border:1px solid rgba(245,158,11,.28);border-radius:var(--r);padding:7px 10px;font-size:9px;color:var(--am);line-height:1.6;margin-bottom:11px;display:none}
.psumm{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:9px 11px;margin-bottom:11px}
.pr{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--t2);margin-bottom:3px}
.pr:last-child{margin-bottom:0}
.pv{font-weight:600;color:var(--t1);font-family:var(--mo)}.pv.tot{font-size:12px;color:var(--ac2)}
.pmbd .mbox{background:transparent;border:none;box-shadow:none;padding:0;max-width:none;width:auto;max-height:none;overflow:visible}
.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--s1);border-bottom:1px solid var(--b1);flex-shrink:0}

.pvw video{width:100%;height:100%;object-fit:contain;display:block}
.wm-grid{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;overflow:hidden}
.wm-row{display:flex;flex:1}
.wm-cell{flex:1;display:flex;align-items:center;justify-content:center;transform:rotate(-25deg)}
.wm-text{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.09);white-space:nowrap;user-select:none}
.wm-center{position:absolute;inset:0;pointer-events:none;z-index:11;display:flex;align-items:center;justify-content:center}
.wm-big{font-size:clamp(22px,5vw,44px);font-weight:900;letter-spacing:8px;color:rgba(255,255,255,.07);text-transform:uppercase;transform:rotate(-30deg);user-select:none}


/* pseg styles moved to preview modal redesign section */


.rmbd .mbox{max-width:1200px;width:98vw;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
.rmbd .mhd{flex-shrink:0;border-bottom:1px solid var(--b1);padding-bottom:10px;margin-bottom:0}
.rtabs{display:flex;border-bottom:1px solid var(--b1);flex-shrink:0;background:var(--s2)}
.rtab{flex:1;padding:7px 9px;font-size:10px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--t2);cursor:pointer;font-family:var(--fn);transition:all .14s;display:flex;align-items:center;justify-content:center;gap:4px}
.rtab:hover{color:var(--t1);background:var(--s3)}.rtab.active{color:var(--ac2);border-bottom-color:var(--ac2);background:var(--ag)}
.rsum-strip{display:flex;border-bottom:1px solid var(--b1);flex-shrink:0}
.rsc{flex:1;padding:7px 11px;border-right:1px solid var(--b1);display:flex;flex-direction:column}
.rsc:last-child{border-right:none}
.rsv{font-size:15px;font-weight:700;line-height:1}.rsl{font-size:8px;color:var(--t3);margin-top:2px}
.rbody{flex:1;overflow-y:auto}
.rbr{display:grid;grid-template-columns:120px 1fr 85px 65px 70px;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;border:1px solid var(--b1);background:var(--s2);margin:4px 0}
.rbr.ra{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.04)}
.rbaddr{font-family:var(--mo);font-size:8px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rbc{font-family:var(--mo);font-size:11px;font-weight:700;text-align:right}
.rbc.lv{color:var(--gn)}.rbc.w{color:var(--am)}.rbc.dg{color:var(--rd)}.rbc.ex{color:var(--t3);font-size:9px;font-weight:400}
.rbs{display:inline-flex;align-items:center;gap:2px;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:600;justify-content:center}
.rbs.sa{background:var(--gd);color:var(--gn)}.rbs.se{background:var(--s3);color:var(--t3)}
.toast-area{position:fixed;bottom:18px;right:18px;z-index:2147483000;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.toast{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r2);padding:9px 12px;min-width:240px;max-width:300px;display:flex;align-items:flex-start;gap:7px;box-shadow:0 6px 18px rgba(0,0,0,.4);animation:si .18s ease;pointer-events:auto}
.tbar{width:3px;border-radius:2px;align-self:stretch;flex-shrink:0}
.tbar.s{background:var(--gn)}.tbar.e{background:var(--rd)}.tbar.w{background:var(--am)}.tbar.i{background:var(--ac)}
.ttit{font-size:10px;font-weight:600;margin-bottom:1px}.tmsg{font-size:9px;color:var(--t2)}
@keyframes mboxIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes si{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
.bpp{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);overflow:hidden}
.bps{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;font-size:10px;font-weight:600;color:var(--t2);user-select:none;list-style:none;transition:background .14s}
.bps:hover{background:var(--s2)}.bps::-webkit-details-marker{display:none}
.bpbadge{background:var(--gd);color:var(--gn);border-radius:18px;padding:1px 6px;font-size:8px;font-weight:600}
.bpbody{padding:6px 12px 8px;display:flex;flex-direction:column;gap:5px}
.rr{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:var(--r);background:var(--s2);border:1px solid var(--b1)}
.rc{font-size:10px;font-weight:700;color:var(--gn);flex-shrink:0;margin-top:1px}
.rt{font-size:9px;font-weight:600;color:var(--t1);margin-bottom:1px}.rd2{font-size:8px;color:var(--t3);line-height:1.4}
.nw{display:none;align-items:center;gap:6px;padding:0 18px;height:22px;background:var(--ad);border-bottom:1px solid rgba(245,158,11,.22);font-size:9px;color:var(--am);position:fixed;top:44px;left:0;right:0;z-index:249;box-sizing:border-box}
.nw.show{display:flex}
.nw-visible .page-body{margin-top:66px;height:calc(100vh - 66px - 28px)}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}
.st{font-size:13px;font-weight:500}
.empty-s{text-align:center;padding:40px 18px;color:var(--t2)}
.ei{font-size:28px;margin-bottom:9px}.el{font-size:11px;font-weight:500}.es{font-size:11px;color:var(--t2);margin-top:2px}
.cmod .mbox{max-width:400px}
.cmsg{font-size:11px;color:var(--t2);margin-bottom:14px;line-height:1.7}
.cacts{display:flex;gap:6px;justify-content:flex-end}
.mono{font-family:var(--mo)}.muted{color:var(--t2)}
.trxi{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;vertical-align:middle;margin-right:1px;border-radius:50%;overflow:hidden}
.trxi svg{width:12px;height:12px;display:block}

@media(max-width:860px){.player-layout{flex-direction:column;overflow-y:auto}}
/* ── Topbar wallet component CSS (restored) ── */
.tb-wid-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.tb-id-name{font-family:var(--fd);font-size:11.5px;font-weight:600;color:var(--t1);line-height:1.2;white-space:nowrap}
.tb-id-addr{font-family:var(--mo);font-size:9px;color:var(--t2);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}
.tb-wid-sep{width:1px;height:20px;background:rgba(255,255,255,0.12);flex-shrink:0}
.tb-wid-bal{display:flex;align-items:center;gap:3px;flex-shrink:0}
.tb-net-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 5px;border-radius:10px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);transition:all .2s;cursor:default;flex-shrink:0}
.tb-net-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .2s}
.tb-net-lbl{font-family:var(--mo);font-size:9.5px;font-weight:600;color:var(--t1);white-space:nowrap;letter-spacing:.02em}
.tb-bal-amt{font-family:var(--mo);font-size:10.5px;font-weight:600;color:var(--gn)}
.tb-cur-lbl{font-family:var(--mo);font-size:10.5px;font-weight:600;color:var(--gn);opacity:.9;letter-spacing:.02em}
.tb-bal-sep{color:rgba(255,255,255,0.18);font-size:9px;padding:0 2px;user-select:none}
#connectBtn,#disconnectBtn,#switchBtn{min-width:110px;flex-shrink:0}
/* Light/theme overrides for topbar wallet */
html.lt .tb-wallet-id{background:#fff;border:1px solid rgba(0,0,0,0.12);box-shadow:0 1px 4px rgba(0,0,0,0.08);backdrop-filter:none}
html.lt .tb-wallet-id:hover{background:#f8f9fc;border-color:var(--ac2);box-shadow:0 2px 8px rgba(79,82,217,0.15)}
html.lt .tb-id-name{color:#0f172a}
html.lt .tb-id-addr{color:#6b7280}
html.lt .tb-wid-sep{background:rgba(0,0,0,0.1)}
html.lt .tb-net-badge{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1)}
html.lt .tb-net-lbl{color:#374151}
html.lt .tb-bal-amt{color:#16a34a}
html.lt .tb-cur-lbl{color:#16a34a}
html.lt #disconnectBtn{color:#dc2626!important;border-color:rgba(220,38,38,.25)!important;background:rgba(220,38,38,.05)!important}
html.yt .tb-wallet-id{background:#fff;border:1px solid #e0e0e0;backdrop-filter:none}
html.yt .tb-id-name{color:#0f0f0f}
html.yt .tb-id-addr{color:#606060}
html.yt .tb-wid-sep{background:#e5e5e5}
html.fb .tb-wallet-id{background:#fff;border:1px solid #ccd0d5;backdrop-filter:none}
html.fb .tb-id-name{color:#050505}
html.fb .tb-id-addr{color:#65676b}
html.fb .tb-wid-sep{background:#e4e6ea}
html.comic .tb-wid-sep{background:#0f0f0f;opacity:.3}
html.comic .tb-id-name{color:#0f0f0f!important}
html.comic .tb-id-addr{color:#555!important}

/* ── Search bar light/yt/fb theme fixes ── */
html.lt .tb-search{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.12)}
html.lt .tb-search input{color:#0f172a}
html.lt .tb-search input::placeholder{color:#9ca3af}
html.lt .tb-search:focus-within{border-color:var(--ac2);background:#fff;box-shadow:0 0 0 3px rgba(79,82,217,0.12)}
html.lt .tb-search-kbd{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.15);color:#6b7280}
html.lt .tb-search-icon{color:#9ca3af}
html.yt .tb-search{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1)}
html.yt .tb-search input{color:#0f0f0f}
html.fb .tb-search{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1)}
html.fb .tb-search input{color:#050505}

/* ── Sidebar network badge ── */



/* ── Dashboard: reduce gap between ACCOUNT bar and KPI row ── */

.dash-section.dash-header-section{padding:8px 18px}


/* ── Collapsed sidebar: hide purchase activity and stats grid ── */
.sidebar.collapsed #sbPurchaseActivity{display:none!important}
.sidebar.collapsed .stats-grid{display:none!important}
.sidebar.collapsed #sbStatsSec .sb-sv-row{display:none}

/* ── Dashboard ── */
.dash-layout{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:16px;scrollbar-width:thin}
.dash-section{padding:10px 18px;border-bottom:1px solid var(--b1);flex-shrink:0}
.dash-section:last-child{border-bottom:none;flex:1;min-height:0}
.dash-header-section{background:var(--s2);border-bottom:1px solid var(--b1)}
.dash-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dash-section-hdr>span{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--t3)}
.dash-section-hdr svg{opacity:.5}
.dash-ctrl-bar{display:flex;align-items:center;gap:8px;padding:7px 18px;border-bottom:1px solid var(--b1);flex-shrink:0;background:var(--s2)}
.dash-ctrl-title{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t3)}
.dash-ctrl-bar select{height:26px;font-size:10.5px;background:var(--s1);border:1px solid var(--b1);border-radius:6px;color:var(--t2);padding:0 8px;font-family:var(--fn);cursor:pointer}
.dash-refresh-btn{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;background:var(--s1);border:1px solid var(--b1);border-radius:6px;padding:4px 10px;color:var(--t2);cursor:pointer;font-family:var(--fn);transition:all .12s}
.dash-refresh-btn:hover{background:var(--s3);color:var(--t1)}










/* KPI cards */

















/* Access status */













/* Earn/Expense *//* old earn row cleared */











/* GRID layout so TRX/USDT icons always align in same column */





/* Total row with dashed separator */




/* Gradient totals */





/* Net P&L */








/* Top Videos donut */



















/* Gradient theme */









/* Sidebar avatar */


/* ── Sidebar: avatar size matches dashboard account profile (38px) ── */


/* ── Gradient theme: sidebar full UI fix ── */





















/* ── Dashboard: reduce Account KPI counts ── */







/* ── Access Status: reduce count size ── */





/* ══ SIDEBAR UI — match sample image ══ */

/* Top label: NAVIGATION */







/* Section label */




/* Wallet card */









/* Network badges: side-by-side */






/* Stats grid: purchase activity */









/* Past rent / Past DLs tinted boxes */



/* Stats section: Sales + Volume */






/* Nav items — sample shows bright colored icons */









/* Distinct icon colors per nav item (sample image) */













/* Sidebar section padding */



/* ══ MY VIDEOS — Fixed Layout + Aligned Controls ══ */

/* Outer wrapper: full height flex column — NO overflow here */

/* Page header — fixed, never scrolls */













/* Scroll zone — ONLY this div scrolls */






/* Pagination bar — pinned to bottom, never scrolls */
















/* Empty state */


/* ── Video card ── */




/* Lock banner */




/* Top: thumb + info */










/* Info column */



















/* ── Controls 4-col grid ── *//* old controls grid cleared */





/* Control title */




/* ── Control rows: STRICT vertical alignment ── */
/* mvc2-ctrl-row old 52px cleared */


/* mvc2-row-lbl old cleared */
/* Input+select pill */






/* ── Listing controls ── */















/* ── Overview ── */















/* ── Action bar ── */













/* ══ COMPACT ALL — My Videos + Dashboard ══ */

/* Edit title input — proper width, visible */







/* Duration dropdown — fixed width so it's readable */

/* Sel-wrap: don't overflow */



/* ══ Alert badge alignment + Duration/Alert box widths ══ */

/* Controls grid: duration narrower, alert wider for badge */



/* ctrl-row grid: icon | label | sel-wrap | badge — all 4 on one horizontal line */





/* Badge — explicit colors, visible inline */




/* "· before expiry" in title */


/* sel-wrap in alert: full width of its grid cell */



/* ══ Dashboard: fix bottom gap ══ */
/* The last section (flex:1) was causing blank space below Net P&L */


/* Keep top videos right col aligned */



/* ── Dashboard last section: don't expand to fill viewport ── */


/* Remove the old attribute-based rule that no longer matches */
/* .dash-section[style*="flex:1"] — replaced by .dash-last-section */

/* ══ Dashboard + My Videos fixes ══ */

/* Top KPI row: 6 columns (Account + Balance + Published + Total Sales + All Txns + Net P&L) */
.dash-top-row{
  display:grid;
  grid-template-columns:1.5fr 1.4fr 0.9fr 0.9fr 0.9fr 0.9fr;
  gap:12px;align-items:stretch
}

/* Net P&L card in top row — color states */
.dash-kpi-card.netpl{border-color:rgba(99,102,241,.2);background:rgba(99,102,241,.04)}
.dash-kpi-card.netpl .dkc-label{color:var(--ac2)}
.dash-kpi-card.net-pos-card{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.04)}
.dash-kpi-card.net-pos-card .dkc-label{color:rgba(34,197,94,.8)}
.dash-kpi-card.net-pos-card #dashNet2{color:var(--gn)}
.dash-kpi-card.net-neg-card{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.04)}
.dash-kpi-card.net-neg-card .dkc-label{color:rgba(239,68,68,.8)}
.dash-kpi-card.net-neg-card #dashNet2{color:var(--rd)}
html.lt .dash-kpi-card.net-pos-card #dashNet2{color:#16a34a}
html.lt .dash-kpi-card.net-neg-card #dashNet2{color:#dc2626}

/* Remove the now-empty dash-fin-wrap bottom area / dash-net-row gap */

  /* hidden — moved to top row */

/* ── My Videos: Fix "Download" label clipping ── */
/* Grid: [12px icon] [60px label — wider for "Download"] [1fr sel-wrap] [auto badge] */



.mvc2-row-lbl{
  font-size:11px;font-weight:500;color:#6b7280;
  white-space:nowrap;
  /* No overflow:hidden — let the grid column contain it */
  min-width:0
}

/* ctrl-box: remove extra bottom padding that creates gap */




/* ── Pagination: ensure scroll-body never creates external scrollbar ── */





/* Controls boxes don't stretch — only grow to content height */

/* Pag bar tight to last card */

/* Ensure scroll-body doesn't add extra padding */



/* ── Restore duration button ── */
.mvc2-restore-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:none;border:1px solid rgba(59,130,246,.25);border-radius:4px;
  padding:2px 5px;cursor:pointer;color:#3b82f6;
  font-family:var(--fn);font-size:9.5px;font-weight:600;
  transition:all .12s;flex-shrink:0;gap:2px;line-height:1
}
.mvc2-restore-btn:hover{background:rgba(59,130,246,.08);border-color:#3b82f6}
.mvc2-restore-btn:disabled{opacity:.35;cursor:not-allowed}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-restore-btn{
  border-color:rgba(59,130,246,.35);color:var(--bl)
}

/* ── Pagination bar: always visible at bottom ── */


/* ── MV Scroll body (restored) ── */
.mv-scroll-body{
  flex:1;min-height:0;
  overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-color:var(--b2) transparent
}
/* MV totals summary bar */
.mv-totals-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:5px 12px;border-bottom:1px solid var(--b1);background:var(--s1);flex-shrink:0;min-height:32px}
html.lt .mv-totals-bar{background:#f0f4ff;border-bottom-color:#dde3f0;border-top:1px solid #dde3f0}
.mv-totals-lbl{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--t3);flex-shrink:0}
.mv-totals-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;font-family:var(--mo);white-space:nowrap}
.mv-totals-chip.trx{color:#ef0027}
.mv-totals-chip.usdt{color:#26a17b}
.mv-totals-sep{color:var(--b2);font-size:14px;flex-shrink:0}
.mv-totals-fee{font-size:9.5px;font-weight:600;color:var(--am);margin-left:3px}
html.lt .mv-totals-lbl,.mv-totals-sep{color:#9ca3af}







/* ── MV Pagination bar ── */
.mv-pag-bar{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  padding:6px 12px;
  border-top:1px solid var(--b1);
  flex-shrink:0;
  background:var(--s1);
  min-height:36px
}
html.lt .mv-pag-bar{background:#fff;border-top-color:#e5e7eb}


.mv-pag-rpp{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);white-space:nowrap;margin-left:auto}

.mv-pag-rpp select{height:28px;font-size:12px;padding:0 6px;border-radius:5px;border:1px solid var(--b1);background:var(--s2);color:var(--t1);cursor:pointer;font-weight:600}
html.lt .mv-pag-rpp select{border-color:#d1d5db;background:#fff;color:#374151}

@keyframes spin{to{transform:rotate(360deg)}}

/* ── Duration/Alert spinners ── */


/* Spinner container: sits to the right of the select, hidden by default */
.dur-spinner{
  display:none;
  flex-direction:column;
  flex-shrink:0;
  border-left:1px solid var(--b1)
}

/* Show spinner when the sel-wrap is hovered OR the input inside is focused */
.mvc2-sel-wrap:hover .dur-spinner,
.mvc2-sel-wrap:focus-within .dur-spinner{
  display:flex
}

/* Spinner buttons */
.dur-spin-up,.dur-spin-dn{
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;padding:0;
  width:16px;height:50%;
  cursor:pointer;color:var(--t3);
  font-size:7px;line-height:1;
  transition:color .1s,background .1s;
  flex:1
}
.dur-spin-up{border-bottom:1px solid var(--b1)}
.dur-spin-up:hover,.dur-spin-dn:hover{
  color:var(--t1);background:var(--s3)
}
html.lt .dur-spin-up,html.lt .dur-spin-dn{color:#9ca3af}
html.lt .dur-spin-up:hover,html.lt .dur-spin-dn:hover{color:#374151;background:#f3f4f6}
/* Disabled state: hide spinners */
.dur-inp:disabled ~ .dur-spinner,
.dur-spinner[style*="display:none"]{display:none!important}

/* ── Market pagination: always pinned at bottom ── */
.pagination{
  display:none;
  align-items:center;justify-content:center;gap:4px;
  padding:3px 10px;border-top:1px solid var(--b1);
  flex-shrink:0;background:var(--s1);
  min-height:24px;flex-wrap:wrap
}
html.lt .pagination{background:#fff;border-top-color:#e5e7eb}
#marketListWrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow-x:hidden}
#marketList.mlist,#marketList.mlist-2col,#marketList.mlist-3col,#marketList.mlist-grid{
  flex:1;min-height:0;overflow-y:auto
}


/* ══════════════════════════════════════════════
   TRANSACTION LEDGER — exact match reference UI
══════════════════════════════════════════════ */

/* ── Outer container ── */
.ll{padding:0;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}

/* ── Header ── */



/* Header buttons */
.ldg-hdr-btn{
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 10px;border-radius:6px;
  font-size:10px;font-weight:600;cursor:pointer;
  border:1.5px solid var(--b2);background:var(--s1);color:var(--t1);
  transition:all .12s
}
.ldg-hdr-btn:hover{background:var(--s2);border-color:var(--b3)}
.ldg-hdr-btn-danger{
  color:var(--rd);border-color:rgba(239,68,68,.4);
  background:rgba(239,68,68,.04)
}
.ldg-hdr-btn-danger:hover{background:rgba(239,68,68,.1)}

/* ── Stat cards ── */





/* Decorative circle in top-right */
.ldg-stat-card::after{
  content:'';position:absolute;top:-16px;right:-16px;
  width:60px;height:60px;border-radius:50%;opacity:.4
}
.ldg-stat-blue::after{background:rgba(99,102,241,.08)}
.ldg-stat-green::after{background:rgba(34,197,94,.08)}
.ldg-stat-amber::after{background:rgba(245,158,11,.08)}

/* Icon circle */









/* ── Toolbar ── */


.ledger-search-wrap:focus-within{border-color:var(--ac)}

.ledger-search-input::placeholder{color:var(--t3)}



.ledger-ftab:hover{color:var(--t1);background:var(--s3)}
.ledger-ftab.active{background:var(--ac);color:#fff;font-weight:700}

.ledger-stats{
  display:flex;align-items:center;gap:6px;font-size:11px;
  color:var(--t3);flex:1;flex-wrap:wrap
}

/* ── Table ── */
.tw{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}
/* Ledger panels must be flex-column so .tw fills and pagination pins to bottom */
#ldgExpensePanel,#ldgRevenuePanel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
/* Pagination bar always visible at bottom */
.ldg-pg-bar{
  display:flex;align-items:center;gap:4px;padding:6px 16px;
  border-top:1px solid var(--b1);flex-shrink:0;background:var(--s1);
  flex-wrap:nowrap;min-height:38px
}
table{
  width:100%;border-collapse:collapse;
  font-size:11.5px;background:var(--s1);table-layout:auto;min-width:100%
}
/* Ledger tables need extra room so numeric cells never wrap mid-value */
#ledgerBody,#ledgerRevBody{}
#ldgExpensePanel table,#ldgRevenuePanel table{min-width:100%}
thead tr{background:var(--s1)}
thead th{position:sticky;top:0;z-index:2}
th{
  padding:8px 10px;text-align:left;
  font-size:9.5px;font-weight:700;letter-spacing:.4px;
  color:var(--t3);text-transform:uppercase;
  border-bottom:1.5px solid var(--b1);white-space:nowrap;
  background:var(--s1)
}
td{
  padding:8px 10px;border-bottom:1px solid var(--b1);
  color:var(--t1);vertical-align:middle;
  white-space:nowrap;word-break:normal;overflow-wrap:normal
}
/* Only these cells are allowed to wrap (long titles/names) with ellipsis */
td.wrap{white-space:normal;word-break:break-word}
tbody tr:hover{background:var(--s2)}

/* ── Pagination bar ── */
.ldg-pg-info{font-size:10.5px;color:var(--t3);white-space:nowrap;margin-right:auto}
.ldg-pg-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 3px;
  border-radius:5px;border:1px solid var(--b1);
  background:var(--s1);color:var(--t2);font-size:10px;font-weight:500;
  cursor:pointer;font-family:var(--fn);transition:all .12s
}
.ldg-pg-btn:hover:not(:disabled){background:var(--s2);border-color:var(--b2);color:var(--t1)}
.ldg-pg-btn:disabled{opacity:.35;cursor:default}
.ldg-pg-btn.active{
  background:var(--ac);border-color:var(--ac);color:#fff;font-weight:700
}
.ldg-pg-dots{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:32px;height:32px;color:var(--t3);font-size:13px
}
.ldg-rpp-wrap{
  display:flex;align-items:center;gap:5px;
  margin-left:auto;white-space:nowrap;flex-shrink:0
}
.ldg-rpp-lbl{font-size:10px;color:var(--t3);font-weight:500}
.ldg-rpp-sel{
  height:24px;font-size:11px;padding:0 6px;
  border-radius:5px;border:1px solid var(--b2);
  background:var(--s2);color:var(--t1);cursor:pointer;
  font-family:var(--fn);font-weight:600
}
.ldg-rpp-sel:focus{outline:none;border-color:var(--ac)}
.ldg-rpp-sel option{background:var(--s1);color:var(--t1)}

/* Light theme overrides */
html.lt .ldg-stat-blue{background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,rgba(59,130,246,.02) 100%)}
html.lt .ldg-stat-green{background:linear-gradient(135deg,rgba(34,197,94,.06) 0%,rgba(16,185,129,.02) 100%)}
html.lt 
html.lt th{background:#fafafa}
html.lt thead tr{background:#fafafa}

/* ── Overlay info actions row ── */
.ov-info-actions-row{
  display:flex;align-items:center;gap:6px;
  padding:8px 12px 10px;flex-shrink:0;
  border-top:1px solid var(--b1)
}
/* ── Overlay CTA buttons ── */
.ov-cta-btn{
  flex:1;min-width:0;display:flex;align-items:center;
  justify-content:center;gap:4px;
  height:32px;border-radius:6px;
  font-size:10px;font-weight:600;
  cursor:pointer;border:none;
  transition:all .14s
}

/* ── Preview modal improvements ── */
/* ── Preview Modal ── */
.pv-mbox{
  width:min(740px,97vw);max-height:96vh;
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:16px;padding:0;
  background:#0a0a0f;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04)
}
html.lt .pv-mbox,html.yt .pv-mbox,html.fb .pv-mbox,html.comic .pv-mbox{background:#111117;border-color:rgba(255,255,255,.1)}
.pv-header{
  display:flex;align-items:center;gap:10px;padding:12px 16px;
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(6,182,212,.10));
  border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0
}
.pv-header-icon{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,#7c3aed,#06b6d4);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(124,58,237,.4)
}
.pv-header-text{flex:1;min-width:0}
.pv-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-subtitle{font-size:9.5px;color:rgba(255,255,255,.45);margin-top:2px;font-family:var(--mo)}
.pv-close-btn{
  width:28px;height:28px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;color:rgba(255,255,255,.6);transition:all .14s
}
.pv-close-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);color:#ef4444}
.pvw{
  position:relative;background:#000;aspect-ratio:16/9;
  max-height:min(420px,52vh);overflow:hidden;flex-shrink:0
}
.pv-segs-wrap{
  padding:10px 16px 8px;background:rgba(0,0,0,.55);
  border-top:1px solid rgba(255,255,255,.06);flex-shrink:0
}
.pv-segs-header{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.pv-segs-label{
  font-size:9px;font-weight:700;letter-spacing:.7px;
  text-transform:uppercase;color:rgba(255,255,255,.35);flex-shrink:0
}
.pv-segs-status{font-size:10px;color:rgba(255,255,255,.55);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-segs-status.playing{color:rgba(139,92,246,.9)}
.pv-segs-status.done{color:rgba(34,197,94,.8)}
.pv-segs-status.error{color:rgba(239,68,68,.8)}
.pv-segs{display:flex;gap:6px}
.pseg{
  flex:1;border-radius:100px;overflow:hidden;
  background:rgba(255,255,255,.1);height:6px;
  position:relative;transition:height .18s ease,box-shadow .2s
}
.pseg-fill{
  position:absolute;left:0;top:0;bottom:0;
  background:linear-gradient(90deg,#7c3aed,#06b6d4);
  border-radius:100px;width:0%;transition:width .15s linear
}
.pseg.active{height:10px;box-shadow:0 0 0 2px rgba(124,58,237,.4),0 0 12px rgba(124,58,237,.3)}
.pseg.active .pseg-fill{background:linear-gradient(90deg,#8b5cf6,#22d3ee);animation:pvFillPulse 1.8s ease-in-out infinite}
@keyframes pvFillPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.pseg.done{height:6px;box-shadow:none}
.pseg.done .pseg-fill{background:#22c55e;width:100%!important}
.pseg.pending{height:6px;opacity:.5}
.pseg-lbl{display:none}
.pseg-sub-row{display:flex;gap:6px;margin-top:5px}
.pseg-sub-lbl{flex:1;text-align:center;font-size:8.5px;font-weight:600;color:rgba(255,255,255,.3);font-family:var(--mo);white-space:nowrap;overflow:hidden}
.pseg-sub-lbl.pending{opacity:.45}.pseg-sub-lbl.active{color:rgba(255,255,255,.8)}
.pseg-sub-lbl.done{color:rgba(34,197,94,.7)}
.pv-ctrl-row{
  display:flex;align-items:center;gap:7px;padding:9px 14px;
  background:rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0
}
.pv-ctrl-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:0 13px;height:30px;border-radius:7px;
  font-size:11px;font-weight:600;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);
  cursor:pointer;transition:all .14s;white-space:nowrap;flex-shrink:0
}
.pv-ctrl-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}
.pv-ctrl-btn-primary{
  background:linear-gradient(135deg,#7c3aed,#5b21b6);
  color:#fff;border-color:transparent;
  box-shadow:0 2px 10px rgba(124,58,237,.35)
}
.pv-ctrl-btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 16px rgba(124,58,237,.5)}
.pv-replay-btn{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.4);padding:0 9px}
.pv-replay-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.75)}
.pv-vol-wrap{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}
.pv-vol-wrap input[type=range]{width:72px;accent-color:#8b5cf6;cursor:pointer;opacity:.7;transition:opacity .14s}
.pv-vol-wrap input[type=range]:hover{opacity:1}
.pv-vol-lbl{font-size:10px;color:rgba(255,255,255,.4);min-width:32px;font-family:var(--mo)}
.pv-foot{
  display:flex;align-items:center;gap:8px;padding:10px 16px;
  background:rgba(0,0,0,.6);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0
}
/* .pv-status removed */
.pv-buy-hint{display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.3);font-weight:500;white-space:nowrap;flex-shrink:0}

/* ── Fix invisible dropdown text in Dark/Gradient themes ── */
/* Native <option> elements need explicit bg+color or browser defaults to white bg */
html:not(.lt):not(.yt):not(.fb):not(.comic) .dur-sel2 option,
html:not(.lt):not(.yt):not(.fb):not(.comic) .dur-sel option{
  background-color:var(--s1);color:var(--t1)
}

/* ── Light theme: sidebar background fix (was using dark gradient) ── */
html.lt .sidebar{
  background:#fcfcfd;
  border-right:1px solid rgba(0,0,0,0.08)
}
html.lt .sb-top{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,0.06)
}
html.lt .ni{color:#4b5563}
html.lt .ni:hover{background:#f1f2f4;color:#111827}
html.lt .ni.active{
  background:var(--ac2)!important;color:#fff!important;
  font-weight:600!important
}
html.lt .sb-sv-box{background:#f6f7f9;border:1px solid rgba(0,0,0,0.06)}
html.lt .sidebar .sb-sec-title{color:#6b7280}
/* Light theme — sidebar icon fixes.
   Bug: html.lt .sv (0,2,1) outranks .sv.rd/.sv.ac/.sv.gn/.sv.mu/.sv.am (0,2,0),
   so the color-coded stat numbers (Active/Past rentals, etc.) all rendered dark grey
   in light theme instead of red/green/purple. Also, the sidebar .ni icons and header
   controls needed explicit contrast in light theme. */
html.lt .sv.rd{color:#dc2626}
html.lt .sv.ac{color:#4f52d9}
html.lt .sv.gn{color:#16a34a}
html.lt .sv.mu{color:#111827}
html.lt .sv.am{color:#d97706}
html.lt .ni svg{color:#4b5563}
html.lt .ni:hover svg{color:#111827}
html.lt .ni.active svg{color:#fff}
html.lt .sb-btn{color:#6b7280}
html.lt .sb-btn:hover{background:rgba(0,0,0,0.06);color:#111827}
html.lt .sb-top-label{color:#6b7280}
html.lt .sb-avatar{background:#e5e7eb;color:#111827}
html.lt .sb-net-badge{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.08)}
html.lt .sb-net-lbl{color:#374151}
html.lt .sb-wname{color:#0f172a}
html.lt .sb-testnet-badge{background:rgba(217,119,6,.12);color:#b45309;border:1px solid rgba(217,119,6,.25)}
html.lt #sbCountdownBox svg{color:#4b5563}
/* Sidebar tooltip on collapsed hover */
html.lt .ni[data-tip]:hover::after{background:#111827;color:#fff}

/* ── Ledger buyer/seller cell: name + copyable address ── */
.ldg-addr:hover{color:var(--ac2);text-decoration:underline}
.dpc-inner{display:flex;align-items:center;gap:10px;width:100%}

.dash-profile-info{min-width:0;flex:1}
.dash-profile-name{font-size:16px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-profile-addr{font-size:10px;color:var(--t2);font-family:var(--mo);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpc-badges{display:flex;align-items:center;gap:4px;margin-top:5px;flex-wrap:wrap}
.dash-profile-badge{display:inline-flex;align-items:center;gap:3px;border-radius:8px;padding:3px 9px;font-size:10px;font-weight:600;background:var(--ag);color:var(--ac2);border:1px solid rgba(139,92,246,.2)}
.dash-testnet-badge{display:inline-flex;align-items:center;background:rgba(245,158,11,.12);color:var(--am);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:3px 9px;font-size:10px;font-weight:600}
/* KPI cards */

.dash-kpi-card:hover{box-shadow:0 3px 10px rgba(0,0,0,.1)}

.dkc-main{display:inline-flex;align-items:center;gap:7px}

.dkc-unit{font-size:13px;font-weight:600;opacity:.7}

.dkc-usdt-val{font-size:12px;font-weight:700;color:#26a17b}
.dkc-usdt-lbl{font-size:9px;color:#26a17b;opacity:.8}
.dash-kpi-card.bal .dkc-label{color:rgba(220,6,43,.7)}.dash-kpi-card.bal .dkc-num{color:#DC062B}
.dash-kpi-card.pub .dkc-label{color:rgba(239,68,68,.7)}.dash-kpi-card.pub .dkc-num{color:var(--rd)}
.dash-kpi-card.sales .dkc-label{color:rgba(34,197,94,.7)}.dash-kpi-card.sales .dkc-num{color:var(--gn)}
.dash-kpi-card.txns .dkc-label{color:rgba(99,102,241,.7)}.dash-kpi-card.txns .dkc-num{color:var(--ac2)}
html.lt .dash-kpi-card.bal .dkc-label{color:#dc2626}html.lt .dash-kpi-card.bal .dkc-num{color:#dc2626}
html.lt .dash-kpi-card.pub .dkc-label{color:#dc2626}html.lt .dash-kpi-card.pub .dkc-num{color:#dc2626}
html.lt .dash-kpi-card.sales .dkc-label{color:#16a34a}html.lt .dash-kpi-card.sales .dkc-num{color:#16a34a}
html.lt .dash-kpi-card.txns .dkc-label{color:#2563eb}html.lt .dash-kpi-card.txns .dkc-num{color:#2563eb}
/* Access status */
.dash-stat-row-6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}


.dsi-glow{box-shadow:0 0 14px 4px var(--dsi-clr,rgba(99,102,241,.4))}
.dsi.ac{background:radial-gradient(circle,rgba(99,102,241,.3) 0%,rgba(99,102,241,.08) 70%);color:var(--ac);--dsi-clr:rgba(99,102,241,.4)}
.dsi.rd{background:radial-gradient(circle,rgba(239,68,68,.3) 0%,rgba(239,68,68,.08) 70%);color:var(--rd);--dsi-clr:rgba(239,68,68,.4)}
.dsi.bl{background:radial-gradient(circle,rgba(59,130,246,.3) 0%,rgba(59,130,246,.08) 70%);color:var(--bl);--dsi-clr:rgba(59,130,246,.4)}
.dsi.gn{background:radial-gradient(circle,rgba(34,197,94,.3) 0%,rgba(34,197,94,.08) 70%);color:var(--gn);--dsi-clr:rgba(34,197,94,.4)}
.dsi.am{background:radial-gradient(circle,rgba(245,158,11,.3) 0%,rgba(245,158,11,.08) 70%);color:var(--am);--dsi-clr:rgba(245,158,11,.4)}
.dsi.mu{background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(139,92,246,.08) 70%);color:var(--ac2);--dsi-clr:rgba(139,92,246,.4)}
.dash-stat-text{display:flex;flex-direction:column;min-width:0}


/* Earn/Expense *//* old earn row cleared */


.dash-earn-spend{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}
.dash-earn-card,.dash-spend-card{border-radius:10px;overflow:hidden;border:1px solid var(--b1);background:var(--s1)}
.dash-earn-card{border-color:rgba(34,197,94,.2)}.dash-spend-card{border-color:rgba(239,68,68,.18)}
.dash-card-hdr{padding:8px 14px;font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.dash-earn-card .dash-card-hdr{background:rgba(34,197,94,.08);color:var(--gn)}
.dash-spend-card .dash-card-hdr{background:rgba(239,68,68,.05);color:var(--rd)}
.dash-card-body{padding:10px 14px;display:flex;flex-direction:column;gap:7px;background:var(--s1)}
/* Dashboard earn/spend card currency tab switcher */
.dash-cur-tabs{display:flex;gap:0;border-bottom:1px solid var(--b1);background:var(--s2);flex-shrink:0}
.dash-cur-tab{flex:1;padding:5px 4px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border:none;background:transparent;color:var(--t3);border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:4px}
.dash-cur-tab.active{color:var(--t1);border-bottom-color:var(--ac2)}
.dash-cur-tab svg{flex-shrink:0}
.dash-cur-panel{display:none}.dash-cur-panel.active{display:flex;flex-direction:column;gap:7px}
.dash-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 0;min-width:0;overflow:hidden}
.dash-card-lbl{font-size:11px;color:var(--t2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}
/* GRID layout so TRX/USDT icons always align in same column */
.dash-card-amt{display:grid;grid-template-columns:14px auto auto;align-items:center;gap:4px;font-family:var(--mo);font-size:12px;font-weight:700;color:var(--t1);white-space:nowrap;flex-shrink:0}
.dash-card-amt .trx-ico,.dash-card-amt .usdt-ico{width:14px!important;height:14px!important;display:block;flex-shrink:0}
.dash-card-val{font-size:12px;font-weight:700;font-family:var(--mo);color:var(--t1);line-height:1}
.dash-card-unit{font-size:10px;font-weight:600;color:var(--t3)}
.dash-card-amt.usdt{color:#26a17b}
/* Total row with dashed separator */
.dash-card-total-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--b2);margin-top:5px;padding-top:7px;min-width:0;overflow:hidden}
.dash-card-total-lbl{font-size:11px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}
.dash-card-total-val{display:grid;grid-template-columns:14px auto auto;align-items:center;gap:4px;font-size:13.5px;font-weight:800;font-family:var(--mo)}
.dash-card-total-val .trx-ico,.dash-card-total-val .usdt-ico{width:14px!important;height:14px!important;display:block}
/* Gradient totals */
.earn-col-grad{background:linear-gradient(90deg,#22c55e 0%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
.spend-col-grad{background:linear-gradient(90deg,#f97316 0%,#ef4444 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
.earn-col-unit{color:var(--gn);font-size:10px;font-weight:700}
.spend-col-unit{color:var(--rd);font-size:10px;font-weight:700}
.dash-usd-hint{font-size:9.5px;color:var(--t3);text-align:right;margin-top:2px}
/* Net P&L */
.dash-net-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:0}
.dash-kpi{background:var(--s1);border:1px solid var(--b1);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.dash-kpi-lbl{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--t3);margin-bottom:2px}
.dash-kpi-val{font-size:20px;font-weight:800;color:var(--t1);line-height:1;font-family:var(--mo);letter-spacing:-.3px}
.dash-kpi-sub{font-size:10px;color:var(--t2);font-weight:500;margin-top:2px}
.dash-kpi.net-pos{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.04)}.dash-kpi.net-pos .dash-kpi-val{color:var(--gn)}.dash-kpi.net-pos .dash-kpi-lbl{color:rgba(34,197,94,.7)}
.dash-kpi.net-neg{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.04)}.dash-kpi.net-neg .dash-kpi-val{color:var(--rd)}.dash-kpi.net-neg .dash-kpi-lbl{color:rgba(239,68,68,.7)}
.dash-kpi.acc{border-color:rgba(99,102,241,.2);background:rgba(99,102,241,.04)}.dash-kpi.acc .dash-kpi-val{color:var(--ac2)}.dash-kpi.acc .dash-kpi-lbl{color:var(--ac2)}
/* Top Videos donut */
.dash-top-videos-wrap{display:flex;gap:20px;align-items:center}
.dash-donut-wrap{flex-shrink:0;position:relative;width:130px;height:130px}
.dash-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.dash-donut-total-lbl{font-size:8.5px;color:var(--t3);font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.dash-donut-total-val{font-size:15px;font-weight:800;color:var(--t1);font-family:var(--mo);line-height:1.1}
.dash-donut-total-unit{font-size:9px;color:var(--t2);font-weight:600}
.dash-video-list{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.dash-video-item{display:flex;align-items:center;gap:8px;min-width:0}
.dash-video-rank{font-size:11px;font-weight:700;color:var(--t3);width:14px;flex-shrink:0;text-align:right}
.dash-video-meta{flex:1;min-width:0}
.dash-video-title{font-size:12px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:4px}
.dash-video-amt{font-size:11px;font-weight:700;font-family:var(--mo);color:var(--t1);white-space:nowrap}
.dash-video-pct{font-size:10px;color:var(--t3);white-space:nowrap;margin-left:4px}
.dash-video-bar-wrap{height:4px;background:var(--s3);border-radius:2px;margin-top:3px;overflow:hidden;width:60%}
.dash-video-bar{height:100%;border-radius:2px;transition:width .4s ease}
.dash-donut-legend{margin-top:12px;display:flex;flex-direction:column;gap:5px}
.dash-donut-legend-item{display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--t2)}
.dash-donut-legend-rankcol{width:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-donut-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.dash-empty{text-align:center;padding:24px;color:var(--t3);font-size:11px;font-weight:500}
/* Gradient theme */
html.gd{--bg:#0a0118;--s1:#100828;--s2:#160d35;--s3:#1e1245;--s4:#261855;--b1:rgba(167,139,250,0.12);--b2:rgba(167,139,250,0.22);--b3:rgba(167,139,250,0.35);--t1:#f3eeff;--t2:#b8a8e8;--t3:#8a75c4;--ac:#a855f7;--ac2:#c084fc;--ac3:#d8b4fe;--ag:rgba(168,85,247,0.18);--cy:#22d3ee;--gn:#34d399;--am:#fbbf24;--rd:#f87171;--bl:#60a5fa;--gd:rgba(52,211,153,0.12);--ad:rgba(251,191,36,0.12);--rdd:rgba(248,113,113,0.12);--bld:rgba(96,165,250,0.12);--fn:'Inter',system-ui,sans-serif;--mo:'DM Mono','Fira Mono',monospace;--r:8px}
html.gd body{background:linear-gradient(135deg,#0a0118 0%,#100828 40%,#0c1a3a 100%);min-height:100vh}
html.gd .topbar{background:rgba(16,8,40,0.92)!important;border-bottom:1px solid rgba(167,139,250,0.2)!important;backdrop-filter:blur(24px)}
html.gd .sidebar{background:linear-gradient(180deg,rgba(22,13,53,0.98) 0%,rgba(10,1,24,0.98) 100%);border-right:1px solid rgba(167,139,250,0.15)}
html.gd .dash-kpi-card,html.gd .dash-profile-card,html.gd .dash-stat-box{background:rgba(22,13,53,0.7);border-color:rgba(167,139,250,0.18);backdrop-filter:blur(8px)}
html.gd .dash-earn-card{border-color:rgba(52,211,153,0.25);background:rgba(52,211,153,0.04)}
html.gd .dash-spend-card{border-color:rgba(248,113,113,0.2);background:rgba(248,113,113,0.03)}
html.gd .dash-kpi{background:rgba(22,13,53,0.6);border-color:rgba(167,139,250,0.18)}
html.gd .dash-section{border-bottom-color:rgba(167,139,250,0.12)}
/* Sidebar avatar */


/* ── Sidebar: avatar size matches dashboard account profile (38px) ── */


/* ── Gradient theme: sidebar full UI fix ── */
html.gd .sb-top{background:transparent;border-bottom:1px solid rgba(167,139,250,0.15)}
html.gd .sb-top-label{color:rgba(167,139,250,0.6)!important}
html.gd .sb-sec{border-bottom:1px solid rgba(167,139,250,0.1)}
html.gd .sb-lbl{color:rgba(167,139,250,0.55)!important}
html.gd .sb-wallet-card{background:rgba(22,13,53,0.8);border:1px solid rgba(167,139,250,0.2);border-radius:10px}
html.gd .sb-wname{color:#f3eeff}
html.gd .sb-waddr{color:#b8a8e8}
html.gd .sb-net-badge{background:rgba(168,85,247,0.2);border-color:rgba(168,85,247,0.4);color:#c084fc}
html.gd .sb-net-dot{background:#a855f7;box-shadow:0 0 6px #a855f7}
html.gd .sb-wallet-info .tb-bal-amt{color:#34d399}
html.gd .sb-wallet-info .tb-cur-lbl{color:#34d399}
html.gd .sb-sv-box{background:rgba(22,13,53,0.7);border-color:rgba(167,139,250,0.2)}
html.gd .sb-sv-val{color:#f3eeff}
html.gd .sb-sv-lbl{color:rgba(167,139,250,0.6)!important}
html.gd 
html.gd .ni{color:#b8a8e8}
html.gd .ni:hover{background:rgba(167,139,250,0.1);color:#f3eeff}
html.gd .ni.active{background:linear-gradient(135deg,rgba(168,85,247,0.25),rgba(34,211,238,0.12));border-color:rgba(168,85,247,0.4);color:#f3eeff}
html.gd .ni.active .ni-icon{color:#c084fc!important}
html.gd .ni-label{color:inherit}

/* ── Dashboard: reduce Account KPI counts ── */
.dkc-num{font-size:18px;font-weight:800;line-height:1;font-family:var(--mo);letter-spacing:-.3px;color:var(--t1)}
.dkc-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dkc-sub{font-size:11px;color:var(--t2);margin-top:2px;font-weight:500}
.dash-kpi-card{padding:10px 14px;border-radius:9px;background:var(--s1);border:1px solid var(--b1);display:flex;flex-direction:column;justify-content:center;min-width:0}
.dash-profile-card{padding:10px 14px;border-radius:9px;background:var(--s1);border:1px solid var(--b1);display:flex;align-items:center}
.dash-profile-av{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}

/* ── Access Status: reduce count size ── */
.dash-stat-val{font-size:18px;font-weight:800;line-height:1;font-family:var(--mo);letter-spacing:-.3px;color:var(--t1)}
.dash-stat-lbl{font-size:8.5px;color:var(--t3);font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-top:2px}
.dash-stat-box{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:10px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left}
.dsi{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ══ SIDEBAR UI — match sample image ══ */

/* Top label: NAVIGATION */
.sb-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 7px;flex-shrink:0}
.sb-top-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ac2)}
html.lt .sb-top-label{color:#6366f1}
html.yt .sb-top-label{color:#cc0000}
html.fb .sb-top-label{color:#1877f2}
html.comic .sb-top-label{color:#6c2ebd}

/* Section label */
.sb-lbl{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t2);padding:5px 0 4px;opacity:1}
html.lt .sb-lbl{color:#9ca3af!important}
html.lt .sb-sec{border-bottom-color:rgba(0,0,0,.07)}

/* Wallet card */
.sb-wallet-card{background:linear-gradient(155deg,var(--s3),var(--s2));border:1px solid var(--b1);border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.sb-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.sb-wallet-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sb-wname{font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-waddr{font-size:9.5px;color:var(--t2);font-family:var(--mo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
html.lt .sb-wname{color:#111827}
html.lt .sb-waddr{color:#6b7280!important}
html.lt .sb-wallet-card{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.06)}

/* Network badges: side-by-side */
.sb-net-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:10px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);font-size:9px;font-weight:600;color:#3b82f6}
.sb-net-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--gn);box-shadow:0 0 4px var(--gn)}
.sb-testnet-badge{display:none;align-items:center;padding:2px 7px;border-radius:10px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);font-size:9px;font-weight:600;color:var(--am)}
html.lt .sb-net-badge{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2);color:#2563eb}
html.lt .sb-testnet-badge{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:#d97706}

/* Stats grid: purchase activity */
.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;font-style:normal;margin-top:2px}
.sc{background:var(--s2);border:1px solid var(--b1);border-radius:7px;padding:8px 4px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:border-color .14s}
.sc:hover{border-color:var(--b2)}
html.lt .sc{background:#f9fafb;border-color:rgba(0,0,0,.08)}
html.lt .sc:hover{border-color:rgba(0,0,0,.15);background:#fff}
.sv{font-size:17px;font-weight:800;line-height:1;color:var(--t1);font-family:var(--mo);letter-spacing:-.3px}
html.lt .sv{color:#111827}
.sl{font-size:9.5px;font-weight:500;color:var(--t2);margin-top:3px;line-height:1.2;letter-spacing:.1px}
html.lt .sl{color:#6b7280}
/* Past rent / Past DLs tinted boxes */
.sc[style*="rdd"]{background:rgba(239,68,68,.06)!important;border-color:rgba(239,68,68,.18)!important}
html.lt .sc[style*="rdd"]{background:rgba(239,68,68,.05)!important;border-color:rgba(239,68,68,.15)!important}

/* Stats section: Sales + Volume */
.sb-sec#sbStatsSec{display:flex;flex-direction:column}
#sbStatsSec>div{display:flex;align-items:stretch;gap:0;padding:2px 0}
#sbSalesCol{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:12px;border-right:1px solid var(--b1);flex-shrink:0;min-width:52px}
html.lt #sbSalesCol{border-right-color:rgba(0,0,0,.08)}
#sbVolumeCol{display:flex;flex-direction:column;justify-content:center;padding-left:12px}

/* Nav items — sample shows bright colored icons */
.sb-nav{display:flex;flex-direction:column;gap:3px;padding:9px 7px 12px;border-top:1px solid var(--b1);flex-shrink:0}
/* Scrollable wallet/stats/activity region so the nav (My Videos, Ledger, Dashboard) is always in view */
.sb-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--b2) transparent}
.sb-scroll::-webkit-scrollbar{width:5px}
.sb-scroll::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px;min-height:24px}
.sb-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar.collapsed .sb-scroll{overflow:visible}
.ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:transparent;width:100%;text-align:left;font-family:var(--fn);font-size:12px;font-weight:500;color:var(--t2);transition:all .13s;white-space:nowrap;font-style:normal}
.ni:hover{background:var(--s3);color:var(--t1);border-color:var(--b1)}
.ni.active{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.06));border-color:rgba(99,102,241,.3);color:var(--ac2);font-weight:600}
html.lt .ni{color:#374151;font-weight:500}
html.lt .ni:hover{background:rgba(0,0,0,.04);color:#111827;border-color:rgba(0,0,0,.08)}
html.lt .ni.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#4f46e5}
.ni-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .13s}
.ni-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .13s}
/* Distinct icon colors per nav item (sample image) */
.ni[data-tab="player"] .ni-icon{color:#22c55e}
.ni[data-tab="upload"] .ni-icon{color:#06b6d4}
.ni[data-tab="myvideos"] .ni-icon{color:#6366f1}
.ni[data-tab="ledger"] .ni-icon{color:#f59e0b}
.ni[data-tab="dashboard"] .ni-icon{color:#f87171}
.ni.active .ni-icon{color:inherit!important}
html.lt .ni[data-tab="player"] .ni-icon{color:#16a34a}
html.lt .ni[data-tab="upload"] .ni-icon{color:#0891b2}
html.lt .ni[data-tab="myvideos"] .ni-icon{color:#4f46e5}
html.lt .ni[data-tab="ledger"] .ni-icon{color:#d97706}
html.lt .ni[data-tab="dashboard"] .ni-icon{color:#dc2626}
html.lt .ni.active .ni-icon{color:#4f46e5!important}

/* Sidebar section padding */
.sb-sec{padding:8px 10px;border-bottom:1px solid var(--b1)}
.sb-sec:last-of-type{border-bottom:none}

/* ══ MY VIDEOS — Fixed Layout + Aligned Controls ══ */

/* Outer wrapper: full height flex column — NO overflow here */
.mv-layout{
  display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;
  padding:0;gap:0
}
/* Page header — fixed, never scrolls */

html.lt .mv-page-hdr{background:#fff;border-bottom-color:#e5e7eb}

html.lt .mv-page-title{color:#111827}


html.lt .mv-search-wrap{background:#f9fafb;border-color:#d1d5db}
.mv-search-wrap svg{color:var(--t3);flex-shrink:0}

html.lt .mv-search-inp{color:#111827}
.mv-search-inp::placeholder{color:var(--t3)}


/* Scroll zone — ONLY this div scrolls */

.mv-scroll-body::-webkit-scrollbar{width:5px}
.mv-scroll-body::-webkit-scrollbar-track{background:transparent}
.mv-scroll-body::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px}
.mv-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--b3)}

/* Pagination bar — pinned to bottom, never scrolls */


.mv-pag-count{font-size:12px;color:var(--t2);flex:1;white-space:nowrap}
html.lt .mv-pag-count{color:#6b7280}
.mv-pag-btns{display:flex;align-items:center;gap:2px}
.pag-btn{
  background:var(--s2);border:1px solid var(--b1);border-radius:5px;
  padding:4px 9px;font-size:12px;font-weight:600;color:var(--t2);
  cursor:pointer;font-family:var(--fn);min-width:28px;text-align:center;
  transition:all .12s;line-height:1.4
}
.pag-btn:hover:not(:disabled){background:var(--s3);color:var(--t1);border-color:var(--b2)}
.pag-btn:disabled{opacity:.3;cursor:not-allowed}
.pag-btn.pag-cur{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:700}
html.lt .pag-btn{background:#fff;border-color:#d1d5db;color:#374151}
html.lt .pag-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}
html.lt .pag-btn.pag-cur{background:#6366f1;border-color:#6366f1;color:#fff}


html.lt .mv-pag-rpp{color:#6b7280}

/* Empty state */
.mv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 16px;color:var(--t3);font-size:12.5px;font-weight:500}

/* ── Video card ── */
.mvc2{background:#fff;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden;margin:2px 10px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .15s}
.mvc2:hover{box-shadow:0 2px 8px rgba(0,0,0,.09)}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2{background:var(--s1);border-color:var(--b1);box-shadow:none}

/* Lock banner */
.mv-lock-banner{padding:4px 10px;border-bottom:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08)}
.mv-lock-title{font-size:11px;font-weight:700;color:var(--am)}
.mv-lock-body{font-size:10.5px;color:var(--t2);margin-top:2px}

/* Top: thumb + info */
.mvc2-top{display:flex;align-items:flex-start;gap:9px;padding:7px 9px 6px}
.mvc2-thumb-wrap{position:relative;flex-shrink:0;border-radius:6px;overflow:hidden;width:120px;height:76px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.mvc2-thumb{width:120px;height:76px;background:var(--s3);overflow:hidden;display:block}
.mvc2-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mvc2-thumb-grad{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 40%,#f64f59 100%)}
.mvc2-dur{position:absolute;bottom:3px;left:3px;background:rgba(0,0,0,.72);color:#fff;font-size:8.5px;font-weight:700;font-family:var(--mo);padding:1px 4px;border-radius:3px;z-index:3}
.mvc2-vlen{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.82);color:#fff;font-size:8.5px;font-weight:700;font-family:var(--mo);padding:1px 4px;border-radius:3px;z-index:3}
.mvc2-live-wrap{position:absolute;top:3px;left:3px}
.live-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(34,197,94,.12);color:var(--gn);border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:9px;font-weight:700;padding:2px 6px}
.live-dot{width:4px;height:4px;border-radius:50%;background:var(--gn);animation:pulseDot 1.5s ease-in-out infinite}

/* Info column */
.mvc2-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mvc2-title-row{display:flex;align-items:center;gap:4px;min-width:0}


.mv-ti2:not([disabled]):focus{border-color:var(--ac);background:rgba(99,102,241,.05)}


.mvc2-badges{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}
.mvc2-pub-badge{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:7px;background:rgba(22,163,74,.08);color:#16a34a;border:1px solid rgba(22,163,74,.2)}
.mvc2-more-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px 4px;border-radius:4px;display:flex;align-items:center}
.mvc2-more-btn:hover{color:#374151;background:#f3f4f6}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-more-btn:hover{color:var(--t1);background:var(--s3)}
.mvc2-date{font-size:11px;color:#6b7280}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-date{color:var(--t2)}
.mvc2-prices{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#374151;font-weight:600;flex-wrap:wrap}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-prices{color:var(--t1)}
.mvc2-prices .trx-ico{vertical-align:middle;flex-shrink:0}
.mvc2-dot{color:#d1d5db;margin:0 2px;font-size:11px;line-height:1}

/* ── Controls 4-col grid ── *//* old controls grid cleared */

.mvc2-ctrl-box{padding:5px 8px;border-right:1px solid #e5e7eb;background:#fafbfc}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ctrl-box{background:var(--s2);border-right-color:var(--b1)}
.mvc2-ctrl-box:last-child{border-right:none}
.mvc2-dur-box,.mvc2-alert-box,.mvc2-list-box{background:#fafbfc}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-dur-box,
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-alert-box,
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-list-box{background:var(--s2)}
.mvc2-overview{background:#fff8f8!important}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-overview{background:var(--s1)!important}

/* Control title */
.mvc2-ctrl-title{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6b7280;margin-bottom:3px;min-height:28px;box-sizing:border-box}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ctrl-title{color:var(--t3)}
.mvc2-ctrl-title svg{flex-shrink:0;opacity:.9}

/* ── Control rows: STRICT vertical alignment ── */
/* mvc2-ctrl-row old 52px cleared */


/* mvc2-row-lbl old cleared */
/* Input+select pill */


.dur-inp{
  width:0;min-width:0;flex:1;
  background:transparent;border:none;outline:none;
  padding:2px 2px 2px 5px;
  font-size:12px;font-weight:600;font-family:var(--mo);color:#111827;
  -moz-appearance:textfield;appearance:textfield
}

html:not(.lt):not(.yt):not(.fb):not(.comic) .dur-inp{color:var(--t1);background-color:var(--s1)}
/* dur-sel,.dur-sel2 defined below */
.mvc2-before{font-size:9px;color:#9ca3af;white-space:nowrap}

/* ── Listing controls ── */
.mvc2-tog-row{display:flex;align-items:center;gap:0;margin-bottom:2px}
.mvc2-tog-row:last-child{margin-bottom:0}
.mvc2-tog-lbl{width:95px;min-width:95px;font-size:11px;font-weight:500;color:#374151;white-space:nowrap;flex-shrink:0}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-tog-lbl{color:var(--t2)}
.mvc2-toggle{position:relative;display:inline-block;width:32px;height:17px;flex-shrink:0;cursor:pointer;margin-right:5px}
.mvc2-toggle.disabled{opacity:.5;cursor:not-allowed}
.mvc2-toggle input{opacity:0;width:0;height:0;position:absolute}
.mvc2-tog-slider{position:absolute;inset:0;background:#e5e7eb;border-radius:17px;transition:background .2s}
.mvc2-toggle input:checked+.mvc2-tog-slider{background:#22c55e}
.mvc2-tog-slider:before{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mvc2-toggle input:checked+.mvc2-tog-slider:before{transform:translateX(15px)}
.mvc2-tog-status{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.mvc2-tog-status.on{background:rgba(34,197,94,.1);color:#16a34a}
.mvc2-tog-status.off{background:rgba(239,68,68,.08);color:#dc2626}

/* ── Overview ── */
.mvc2-ov-wrap{display:flex;gap:8px;align-items:flex-start}
.mvc2-ov-stats{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.mvc2-ov-row{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}
.mvc2-ov-num{font-weight:700;font-family:var(--mo);color:#374151;width:13px;text-align:center;flex-shrink:0;font-size:10.5px}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ov-num{color:var(--t1)}
.mvc2-ov-num.ac{color:var(--ac2)}.mvc2-ov-num.bl{color:var(--bl)}
.mvc2-ov-lbl{color:#6b7280;font-size:10px;white-space:nowrap}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ov-lbl{color:var(--t2)}
.mvc2-ov-earn{display:flex;flex-direction:column;gap:3px;flex-shrink:0;border-left:1px solid #e5e7eb;padding-left:8px}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ov-earn{border-left-color:var(--b1)}
.mvc2-earn-row{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;white-space:nowrap}
.mvc2-earn-trx{color:#dc2626}
.mvc2-earn-usdt{color:#16a34a}


/* ── Action bar ── */
.mvc2-acts{display:flex;align-items:center;gap:4px;padding:3px 8px;border-top:1px solid #e5e7eb;background:#fff;flex-wrap:wrap}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-acts{background:var(--s1);border-top-color:var(--b1)}
.mvc2-btn-watch{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--fn);box-shadow:0 1px 4px rgba(99,102,241,.25);transition:opacity .12s}
.mvc2-btn-watch:hover{opacity:.88}
.mvc2-btn-act{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:5px;padding:4px 11px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--fn);transition:all .12s}
.mvc2-btn-act:hover{background:#f9fafb;border-color:#9ca3af}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-btn-act{background:var(--s2);color:var(--t1);border-color:var(--b1)}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-btn-act:hover{background:var(--s3);border-color:var(--b2)}
.mvc2-btn-del{display:inline-flex;align-items:center;gap:4px;background:#fff5f5;color:#dc2626;border:1px solid #fecaca;border-radius:5px;padding:4px 11px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--fn);transition:all .12s}
.mvc2-btn-del:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}
.mvc2-btn-del:disabled{opacity:.4;cursor:not-allowed}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-btn-del{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.2)}

/* ══ COMPACT ALL — My Videos + Dashboard ══ */

/* Edit title input — proper width, visible */
.mv-ti2{
  font-size:15px;font-weight:700;color:#111827;
  background:transparent;border:1px solid transparent;
  border-radius:4px;padding:0 3px;
  flex:1;min-width:0;max-width:none;
  font-family:var(--fn);outline:none;
  transition:border-color .12s;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mv-ti2{color:var(--t1)}
.mv-ti2:not([disabled]){cursor:text}
.mv-ti2:not([disabled]):focus{
  border-color:var(--ac);background:rgba(99,102,241,.05);
  white-space:normal;overflow:visible
}
.mv-edit-btn2{
  background:none;border:none;cursor:pointer;
  color:#9ca3af;padding:3px;border-radius:4px;
  display:inline-flex;align-items:center;flex-shrink:0;
  transition:color .12s
}
.mv-edit-btn2:hover{color:var(--ac2)}

/* Duration dropdown — fixed width so it's readable */
.dur-sel,.dur-sel2{
  flex:0 0 auto;min-width:48px;max-width:58px;
  background:transparent;border:none;
  border-left:1px solid #d1d5db;
  outline:none;font-size:11px;font-weight:500;
  color:#374151;cursor:pointer;
  padding:2px 2px 2px 3px;
  font-family:var(--fn);
  appearance:auto;-webkit-appearance:auto
}
html:not(.lt):not(.yt):not(.fb):not(.comic) .dur-sel,
html:not(.lt):not(.yt):not(.fb):not(.comic) .dur-sel2{border-left-color:var(--b1);color:var(--t1);background-color:var(--s1)}

/* Sel-wrap: don't overflow */
.mvc2-sel-wrap{
  display:inline-flex;align-items:center;
  background:#fff;border:1px solid #d1d5db;border-radius:4px;
  overflow:visible;flex-shrink:0;
  max-width:96px
}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-sel-wrap{background:var(--s1);border-color:var(--b2)}

/* ══ Alert badge alignment + Duration/Alert box widths ══ */

/* Controls grid: duration narrower, alert wider for badge */
.mvc2-controls{
  display:grid;
  grid-template-columns:0.85fr 1.15fr 1fr 1fr;
  border-top:1px solid #e5e7eb;
  align-items:start
}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-controls{border-top-color:var(--b1)}

/* ctrl-row grid: icon | label | sel-wrap | badge — all 4 on one horizontal line */
.mvc2-ctrl-row{
  display:grid;
  grid-template-columns:13px 56px 1fr auto;
  align-items:center;gap:4px;
  margin-bottom:3px;font-size:11px;color:#374151
}
.mvc2-ctrl-row:last-child{margin-bottom:0}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvc2-ctrl-row{color:var(--t2)}
.mvc2-ctrl-row>svg{flex-shrink:0;display:block}

/* Badge — explicit colors, visible inline */
.al-badge{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:700;
  padding:1px 6px;border-radius:7px;
  white-space:nowrap;letter-spacing:.2px;
  line-height:1.5;flex-shrink:0;
  cursor:default;user-select:none
}
.al-auto{
  background:rgba(34,197,94,.14);
  color:#16a34a;
  border:1px solid rgba(34,197,94,.3)
}
.al-custom{
  background:rgba(245,158,11,.14);
  color:#d97706;
  border:1px solid rgba(245,158,11,.35)
}

/* "· before expiry" in title */
.mvc2-title-sub{font-size:9.5px;color:var(--t3);font-weight:400;text-transform:none;letter-spacing:0;margin-left:3px;display:none}

/* sel-wrap in alert: full width of its grid cell */
.mvc2-alert-box .mvc2-sel-wrap{width:100%}
.mvc2-dur-box .mvc2-sel-wrap{width:100%}

/* ══ Dashboard: fix bottom gap ══ */
/* The last section (flex:1) was causing blank space below Net P&L */
.dash-section[style*="flex:1"]{
  flex:1;min-height:0;overflow:hidden
}
.dash-earn-expense-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start;
  height:auto        /* was height:100% — caused blank space */
}
/* Keep top videos right col aligned */
.dash-right-col{
  display:flex;flex-direction:column;
  min-width:0;height:auto
}
.dash-fin-wrap{
  display:flex;flex-direction:column;gap:6px
}

/* ── Dashboard last section: don't expand to fill viewport ── */
.dash-last-section{
  padding:6px 14px;
  border-bottom:none;
  flex:0 0 auto;       /* do not grow — only take content height */
  overflow:visible;
  min-height:0
}
.dash-last-section .dash-earn-expense-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start;
  height:auto
}
/* Remove the old attribute-based rule that no longer matches */
/* .dash-section[style*="flex:1"] — replaced by .dash-last-section */


.pag-ellipsis{font-size:12px;color:var(--t3);padding:0 2px;display:inline-flex;align-items:center}

/* ── Auto Alert Rules guide icon (amber, info-style) ── */
/* ── Pricing tab: Alert info button ── */
.wz-al-info{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;flex-shrink:0;vertical-align:middle;
  background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);
  color:#f59e0b;cursor:pointer;padding:0;transition:all .12s
}
.wz-al-info:hover{background:rgba(245,158,11,.24);border-color:#f59e0b;transform:scale(1.12)}
.wz-al-info svg{display:block}
.wz-al-reset{
  display:none;align-items:center;gap:3px;
  font-size:9.5px;font-weight:600;color:var(--ac2);
  background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);
  border-radius:5px;padding:1px 7px;cursor:pointer;font-family:var(--fn);transition:all .12s
}
.wz-al-reset:hover{background:rgba(99,102,241,.2)}
.wz-al-hint{font-size:9px;color:var(--t3);font-weight:400;letter-spacing:0;text-transform:none}

/* ── My Videos: Alert rules guide icon (amber bell) ── */
.mvc2-guide-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;flex-shrink:0;
  background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);
  cursor:pointer;padding:0;transition:all .12s
}
.mvc2-guide-btn:hover{
  background:rgba(245,158,11,.24);border-color:#f59e0b;transform:scale(1.1)
}

/* ══════════════════════════════════════════════
   AUTO ALERT RULES GUIDE POPOVER
══════════════════════════════════════════════ */
.alert-guide-pop{
  position:fixed;z-index:9999;
  width:360px;max-width:calc(100vw - 16px);
  background:var(--s1);
  border:1px solid var(--b1);
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);
  opacity:0;transform:translateY(-6px) scale(.98);
  transition:opacity .14s ease,transform .14s ease;
  pointer-events:none
}
.alert-guide-pop.open{
  opacity:1;transform:translateY(0) scale(1);
  pointer-events:auto
}
html.lt .alert-guide-pop{background:#fff;border-color:rgba(0,0,0,.08)}

.agp-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 16px 12px
}
.agp-hdr-title{
  display:flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;color:var(--t1)
}
.agp-close{
  background:none;border:none;cursor:pointer;
  color:var(--t3);padding:4px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  transition:all .12s;flex-shrink:0
}
.agp-close:hover{background:var(--s2);color:var(--t1)}

.agp-body{padding:0 16px 16px}
.agp-desc{
  font-size:13px;line-height:1.55;color:var(--t2);
  margin:0 0 14px
}
.agp-custom-badge{
  display:inline-flex;align-items:center;
  background:rgba(245,158,11,.12);color:#d97706;
  border:1px solid rgba(245,158,11,.3);
  border-radius:6px;padding:1px 8px;
  font-size:12px;font-weight:700;
  margin:0 1px
}
html.lt .agp-custom-badge{color:#b45309}
.agp-desc strong{color:var(--ac2);font-weight:700}

.agp-table{
  width:100%;border-collapse:collapse;
  font-size:13px
}
.agp-table thead th{
  text-align:left;padding:8px 4px;
  font-size:10.5px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;color:var(--t3);
  border-bottom:1.5px solid var(--b1)
}
.agp-table tbody td{
  padding:9px 4px;
  border-bottom:1px solid var(--b1);
  color:var(--t1);vertical-align:middle
}
.agp-table tbody tr:last-child td{border-bottom:none}
.agp-table tbody td:first-child{color:var(--t2);font-weight:500;white-space:nowrap}
.agp-table tbody td strong{font-weight:700;color:var(--t1)}
.agp-sub{color:var(--t3);font-weight:500;font-size:12px}

.mv-page-title{font-size:14px;font-weight:700;color:var(--t1);letter-spacing:-.2px}





/* ── Ledger table: 10-column fixed widths (Type/Video/OrderID/Buyer/Seller/Amount/Fee/Date/TxHash/Status) ── */
.tw table th:nth-child(1),.tw table td:nth-child(1){width:8%;white-space:nowrap}
.tw table th:nth-child(2),.tw table td:nth-child(2){width:13%}
.tw table th:nth-child(3),.tw table td:nth-child(3){width:8%}
.tw table th:nth-child(4),.tw table td:nth-child(4){width:10%}
.tw table th:nth-child(5),.tw table td:nth-child(5){width:10%}
.tw table th:nth-child(6),.tw table td:nth-child(6){width:11%}
.tw table th:nth-child(7),.tw table td:nth-child(7){width:11%}
.tw table th:nth-child(8),.tw table td:nth-child(8){width:8%}
.tw table th:nth-child(9),.tw table td:nth-child(9){width:12%}
.tw table th:nth-child(10),.tw table td:nth-child(10){width:9%}
/* Keep cell content from breaking layout */
.tw table td span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}

/* ══════════════════════════════════════════════
   LEDGER UI — reference-image rebuild
══════════════════════════════════════════════ */

/* ── Header ── */
.ledger-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 18px;flex-shrink:0;gap:12px;
  border-bottom:1px solid var(--b1)
}
.ledger-title{
  font-size:15px;font-weight:800;color:var(--t1);letter-spacing:-.2px;line-height:1.2
}
.ledger-subtitle{
  font-size:10px;color:var(--t3);margin-top:1px;font-weight:400;line-height:1.4
}
.ldg-how-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:0 6px 6px 0;flex-shrink:0;
  background:var(--s2);border:1px solid var(--b1);border-left:none;
  color:var(--t3);cursor:pointer;transition:all .12s
}
.ldg-how-btn:hover{color:var(--ac2);background:rgba(99,102,241,.1)}

/* ── Filter Bar Card ── */
.ldg-filter-bar{
  display:flex;align-items:center;flex-wrap:nowrap;gap:0;
  margin:6px 18px 4px;
  background:var(--s1);border:1px solid var(--b1);border-radius:8px;
  padding:5px 14px;flex-shrink:0;
  transition:max-height .2s ease,padding .2s ease,margin .2s ease,opacity .2s ease;
  overflow:hidden;max-height:60px;opacity:1
}
.ldg-filter-bar.collapsed{
  max-height:0;padding:0;margin:0;
  border-color:transparent;opacity:0;pointer-events:none
}
html.lt .ldg-filter-bar{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.ldg-filter-sep{
  width:1px;height:32px;background:var(--b1);
  margin:0 14px;flex-shrink:0
}
.ldg-filter-group{
  display:flex;flex-direction:column;gap:2px;min-width:0
}
.ldg-filter-lbl{
  font-size:9px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;color:var(--t3)
}
.ldg-filter-input-wrap{
  display:flex;align-items:center;gap:5px;position:relative
}
.ldg-filter-input{
  background:transparent;border:none;outline:none;
  font-family:var(--fn);font-size:11.5px;font-weight:500;
  color:var(--t1);min-width:100px;
  cursor:pointer
}
.ldg-search-inp{min-width:140px}
.ldg-cal-icon{color:var(--t3);flex-shrink:0;pointer-events:none}
.ldg-filter-select{
  background-color:var(--s2);border:1px solid var(--b1);outline:none;
  font-family:var(--fn);font-size:11.5px;font-weight:500;
  color:var(--t1);cursor:pointer;
  appearance:auto;-webkit-appearance:auto;
  padding:2px 4px;border-radius:4px
}
.ldg-filter-select option{background:var(--s1);color:var(--t1)}
.ldg-fetch-btn{
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 11px;border-radius:5px;
  background:#dc2626;border:none;
  color:#fff;font-size:10.5px;font-weight:700;
  cursor:pointer;font-family:var(--fn);
  flex-shrink:0;
  transition:opacity .12s;white-space:nowrap
}
.ldg-fetch-btn:hover{opacity:.88}
/* ── Filter row toggle button ── */
.ldg-filter-toggle{
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 10px;border-radius:5px;
  border:1px solid var(--b1);background:var(--s2);
  color:var(--t2);font-size:10px;font-weight:600;
  cursor:pointer;font-family:var(--fn);
  flex-shrink:0;white-space:nowrap;transition:all .12s
}
.ldg-filter-toggle:hover{border-color:var(--b2);color:var(--t1);background:var(--s3)}
.ldg-filter-toggle svg{transition:transform .2s ease}
.ldg-filter-toggle.collapsed svg{transform:rotate(180deg)}

/* ── 4 Stat Cards ── */
.ledger-stat-cards{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  padding:8px 18px 6px;flex-shrink:0
}
.ldg-stat-card{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 12px;border-radius:8px;
  border:1px solid var(--b1);
  position:relative;overflow:hidden
}
.ldg-stat-lbl{
  font-size:8.5px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;margin-bottom:2px;opacity:.85
}
.ldg-stat-num{
  font-size:18px;font-weight:800;line-height:1;font-family:var(--mo);letter-spacing:-.4px
}
.ldg-stat-cur{
  font-size:12px;font-weight:700;opacity:.8
}
.ldg-stat-icon{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;opacity:.9
}
.ldg-stat-blue{background:rgba(59,130,246,.06)}
.ldg-stat-icon-blue{background:rgba(59,130,246,.12)}
.ldg-stat-green{background:rgba(34,197,94,.06)}
.ldg-stat-icon-green{background:rgba(34,197,94,.12)}
.ldg-stat-red{background:rgba(220,38,38,.06)}
.ldg-stat-icon-red{background:rgba(220,38,38,.1)}
.ldg-stat-amber{background:rgba(245,158,11,.06)}
.ldg-stat-icon-amber{background:rgba(245,158,11,.12)}
/* ── Ledger view switcher (Expense / Revenue) — lives in ledger-hdr row ── */
.ldg-view-tabs{
  display:flex;align-items:center;gap:0;flex-shrink:0
}
.ldg-view-tab{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 13px;font-size:11px;font-weight:600;
  border:1px solid var(--b1);background:var(--s2);
  cursor:pointer;color:var(--t2);transition:all .15s;
  white-space:nowrap;height:30px
}
/* Guaranteed high-contrast colors for all .ldg-view-tab across all themes */
.ldg-view-tab{color:var(--t1)!important}
.ldg-view-tab.active{color:#fff!important}
.ldg-view-tab.revenue.active{color:#fff!important}
.ldg-view-tab .ldg-view-badge{color:inherit!important;background:rgba(0,0,0,.08)!important}
.ldg-view-tab.active .ldg-view-badge{color:#fff!important;background:rgba(255,255,255,.28)!important;border-color:transparent!important}
html.lt .ldg-view-tab .ldg-view-badge{background:rgba(0,0,0,.06)!important}
html.yt .ldg-view-tab .ldg-view-badge{background:rgba(0,0,0,.07)!important}
html.fb .ldg-view-tab .ldg-view-badge{background:rgba(0,0,0,.07)!important}
.ldg-view-tab:first-child{border-radius:6px 0 0 6px}
.ldg-view-tab:last-child{border-radius:0;border-left:none}
.ldg-view-tab.active{
  background:var(--ac);color:#fff;border-color:var(--ac);
  font-weight:700;box-shadow:0 2px 6px rgba(124,58,237,.25)
}
.ldg-view-tab.revenue.active{
  background:#16a34a;border-color:#16a34a;
  box-shadow:0 2px 6px rgba(22,163,74,.25)
}
.ldg-view-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:16px;height:16px;border-radius:8px;
  padding:0 4px;font-size:9px;font-weight:700;
  background:rgba(255,255,255,.25);color:inherit
}
html.lt .ldg-view-tab{background:#fff!important;color:var(--t1)!important}
html.lt .ldg-view-tab.active{background:var(--ac)!important;color:#fff!important;border-color:var(--ac)!important}
html.lt .ldg-view-tab.revenue.active{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
html.yt .ldg-view-tab{background:#fff!important;color:var(--t1)!important}
html.yt .ldg-view-tab.active{background:var(--ac)!important;color:#fff!important;border-color:var(--ac)!important}
html.yt .ldg-view-tab.revenue.active{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
html.fb .ldg-view-tab{background:#fff!important;color:var(--t1)!important}
html.fb .ldg-view-tab.active{background:var(--ac)!important;color:#fff!important;border-color:var(--ac)!important}
html.fb .ldg-view-tab.revenue.active{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}

/* ── Toolbar ── */
.ledger-toolbar{
  display:flex;align-items:center;gap:8px;flex-wrap:nowrap;
  padding:5px 18px;background:var(--s1);
  border-top:1px solid var(--b1);
  border-bottom:1px solid var(--b1);flex-shrink:0;min-height:40px
}
.ledger-filter-tabs{
  display:inline-flex;align-items:center;background:var(--s2);border:1px solid var(--b2);
  border-radius:6px;overflow:hidden;flex-shrink:0;gap:0;height:28px
}
.ledger-ftab{
  padding:0 11px;font-size:10.5px;font-weight:600;
  background:transparent;border:none;color:var(--t3);
  cursor:pointer;font-family:var(--fn);transition:all .12s;
  display:inline-flex;align-items:center;gap:4px;
  height:28px
}
.ledger-ftab.active{background:var(--ac);color:#fff;font-weight:700}
html.lt .ledger-ftab.active{background:var(--ac);color:#fff}

/* ── Demo video badge ── */
.demo-badge{
  display:inline-flex;align-items:center;gap:3px;
  font-size:8px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  background:rgba(99,102,241,.15);color:var(--ac2);
  border:1px solid rgba(99,102,241,.3);border-radius:4px;
  padding:1px 5px;flex-shrink:0
}

/* ═══════════════════════════════════════════════════
   MY VIDEOS — Sort · Search · Grid Layout + Panel
═══════════════════════════════════════════════════ */

/* Header bar */
.mv-page-hdr{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid var(--b1);flex-shrink:0;gap:6px;background:var(--s1);min-height:48px}
html.lt .mv-page-hdr{background:#fff;border-bottom-color:#e5e7eb}
/* MYVIDEOS_LAYOUT v1 */
/* MOBILE v1 - the white background / black rule belong to the comic theme only (html.comic rule in 00-themes-base.css); unscoped they painted a white bar under the white "My Published Videos" title in every dark theme. */
.mv-page-hdr{padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/* ACTIONS_ROW_ALIGN v1 */
/* single row by default: only the search flexes, everything else holds its size */
.mv-page-actions{display:flex;align-items:center;gap:8px;row-gap:8px;flex-wrap:nowrap;margin-left:auto;min-width:0}
.mv-console-group{flex:0 0 auto}
#mvSortWrap{flex:0 0 auto}
.mv-layout-btns{flex:0 0 auto}

.mv-console-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 8px 5px 10px;border:1px solid var(--b1,rgba(0,0,0,.10));border-radius:10px;background:var(--s1,#f7f8fa);position:relative}
.mv-cg-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3,#7480a0);padding-right:2px;white-space:nowrap;opacity:.85}
.mv-console-group>button{margin-right:0!important}
.mv-search-wrap{flex:1 1 200px;min-width:92px}
.mv-search-inp{min-width:0}
@media(max-width:1280px){.mv-cg-label{display:none}}
/* below this the row may wrap, but the console cluster and the view toggle
   stay adjacent because search/sort wrap to their own line first. */
@media(max-width:1040px){.mv-page-actions{width:100%;margin-left:0;flex-wrap:wrap}
 .mv-console-group{order:1}.mv-layout-btns{order:2}#mvSortWrap{order:3}.mv-search-wrap{order:4;flex:1 1 100%}}
@media(max-width:620px){.mv-console-group{width:100%;justify-content:flex-start}}

/* Search bar */
.mv-search-wrap{display:flex;align-items:center;gap:6px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;padding:0 10px;height:34px;min-width:0;transition:border-color .14s,box-shadow .14s}
.mv-search-wrap:focus-within{border-color:var(--ac);box-shadow:0 0 0 2px rgba(124,58,237,.12)}
html.lt .mv-search-wrap{background:#f9fafb;border-color:#d1d5db}
html.lt .mv-search-wrap:focus-within{border-color:#7c3aed}
.mv-search-wrap svg{color:var(--t3);flex-shrink:0}
.mv-search-inp{background:transparent;border:none;outline:none;font-size:12px;color:var(--t1);flex:1;min-width:80px;font-family:var(--fn);height:100%;padding:0}
html.lt .mv-search-inp{color:#111827}
.mv-search-inp::placeholder{color:var(--t3)}
.mv-search-clear{display:none;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0;background:var(--t3);color:var(--s1);font-size:9px;cursor:pointer;border:none;padding:0;opacity:.55;transition:opacity .12s}
.mv-search-clear:hover{opacity:1}
.mv-search-clear.visible{display:flex}

/* Sort button */
.mv-sort-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:8px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .14s;font-family:var(--fn)}
.mv-sort-btn:hover{background:var(--s3);border-color:var(--b2);color:var(--t1)}
.mv-sort-btn.active{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.35);color:var(--ac)}
.mv-sort-btn svg{flex-shrink:0;opacity:.7}
.mv-sort-badge{display:none;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--ac);color:#fff;font-size:9px;font-weight:700;line-height:1}
.mv-sort-badge.visible{display:inline-flex}

/* Sort dropdown */
.mv-sort-panel{position:absolute;top:calc(100% + 6px);right:0;background:var(--s1);border:1px solid var(--b2);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:5px;min-width:215px;z-index:2000;display:none;animation:mvPanelIn .12s ease}
@keyframes mvPanelIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mv-sort-panel.open{display:block}
html.lt .mv-sort-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 28px rgba(0,0,0,.1)}
.mv-sort-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--t2);cursor:pointer;transition:all .1s;white-space:nowrap}
.mv-sort-opt:hover{background:var(--s3);color:var(--t1)}
.mv-sort-opt.sel{background:rgba(124,58,237,.1);color:var(--ac);font-weight:700}
html.lt .mv-sort-opt:hover{background:#f3f4f6}
.mv-sort-icon{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--s3)}
.mv-sort-opt.sel .mv-sort-icon{background:rgba(124,58,237,.15)}
.mv-sort-divider{height:1px;background:var(--b1);margin:4px 2px}
.mv-sort-section-lbl{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);padding:6px 10px 2px}
.mv-filter-cnt{margin-left:auto;font-size:10px;font-weight:600;color:var(--t3)}
.mv-sort-opt.sel .mv-filter-cnt{color:var(--ac)}

/* Layout toggle */
.mv-layout-btns{display:flex;align-items:center;gap:2px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;padding:2px}
.mv-layout-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--t3);cursor:pointer;transition:all .14s}
.mv-layout-btn:hover{color:var(--t1);background:var(--s3)}
.mv-layout-btn.active{background:var(--ac);color:#fff;box-shadow:0 1px 5px rgba(124,58,237,.3)}
.mv-layout-btn svg{display:block;pointer-events:none}

/* Compact mode (layout 1) */
.mv-compact .mvc2-overview{display:none!important}
.mv-compact .mvc2-controls{grid-template-columns:0.9fr 1.15fr 1fr!important}

/* ─────────────────────────────────────────────
   LAYOUT 2: Full-panel thumbnail card (mvp2-*)
───────────────────────────────────────────── */
.mvp2{background:var(--s1);border:1px solid var(--b1);border-radius:8px;overflow:hidden;margin:2px 10px 4px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .15s}
.mvp2:hover{box-shadow:0 2px 8px rgba(0,0,0,.09)}
html.lt .mvp2{background:#fff;border-color:#e5e7eb}
.mvp2-top{display:flex;align-items:stretch;gap:0;min-height:0;height:80px;overflow:hidden}
.mvp2-thumb-col{position:relative;flex-shrink:0;width:140px;height:80px;overflow:hidden;background:var(--s3)}
.mvp2-thumb-col img{width:100%;height:100%;object-fit:cover;display:block}
.mvp2-thumb-grad{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2 40%,#f64f59)}
.mvp2-dur{position:absolute;bottom:4px;left:5px;background:rgba(0,0,0,.72);color:#fff;font-size:8px;font-weight:700;font-family:var(--mo);padding:1px 4px;border-radius:3px;z-index:3}
.mvp2-vlen{position:absolute;bottom:4px;right:5px;background:rgba(0,0,0,.82);color:#fff;font-size:8px;font-weight:700;font-family:var(--mo);padding:1px 4px;border-radius:3px;z-index:3}
.mvp2-play-btn{position:absolute;top:4px;right:5px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s;z-index:4}
.mvp2-play-btn:hover{background:rgba(255,255,255,.3)}
.mvp2-live-wrap{position:absolute;top:4px;left:5px}
.mvp2-info{flex:1;min-width:0;padding:7px 10px 6px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--b1);overflow:hidden}
.mvp2-title-row{display:flex;align-items:center;gap:4px}
.mvp2-title{font-size:12.5px;font-weight:700;color:var(--t1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.lt .mvp2-title{color:#111827}
.mvp2-pub-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);border-radius:20px;padding:1px 7px;white-space:nowrap;flex-shrink:0}
.mvp2-pub-dot{width:5px;height:5px;border-radius:50%;background:#16a34a;flex-shrink:0}
.mvp2-more-btn{background:none;border:none;cursor:pointer;color:var(--t3);padding:2px 3px;border-radius:3px;display:flex;align-items:center;flex-shrink:0}
.mvp2-more-btn:hover{color:var(--t1);background:var(--s3)}
.mvp2-meta-row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--t3);flex-wrap:wrap}
.mvp2-meta-sep{color:var(--b2)}
.mvp2-ipfs-badge{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:600;background:rgba(99,102,241,.08);color:var(--ac2);border:1px solid rgba(99,102,241,.2);border-radius:3px;padding:0 4px}
.mvp2-prices-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.mvp2-price-chip{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--t1)}
html.lt .mvp2-price-chip{color:#111827}
.mvp2-price-sub{font-size:8.5px;color:var(--t3);font-weight:400}
.mvp2-price-div{width:1px;height:12px;background:var(--b2);margin:0 2px}
.mvp2-rev-col{flex-shrink:0;width:200px;padding:5px 10px;display:flex;flex-direction:row;align-items:center;gap:8px;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.12);border-radius:6px;align-self:center;overflow:hidden;margin:6px 8px 6px 0;min-height:56px;max-height:64px}
html.lt .mvp2-rev-col{background:#fffbfb}
.mvp2-actions-col{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:6px;padding:0 8px 0 0;align-self:center;height:100%}
.mvp2-rev-lbl{font-size:7.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--rd);opacity:.9;margin-bottom:2px}
.mvp2-rev-trx{display:flex;align-items:center;gap:3px}
.mvp2-rev-amt{font-size:13px;font-weight:800;color:var(--rd);font-family:var(--mo);letter-spacing:-.3px;line-height:1}
.mvp2-rev-cur{font-size:10px;font-weight:700;color:var(--t2)}
.mvp2-rev-usdt{display:flex;align-items:center;gap:3px;margin-top:3px}
.mvp2-rev-usdt-amt{font-size:13px;font-weight:800;color:var(--gn);font-family:var(--mo);letter-spacing:-.3px;line-height:1}
.mvp2-rev-trend{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:600}
.mvp2-spark{width:58px;height:22px;flex-shrink:0}
.mvp2-tabs{display:flex;border-bottom:1px solid var(--b1);padding:0 10px;background:var(--s1);gap:0;overflow-x:auto;scrollbar-width:none}
html.lt .mvp2-tabs{background:#fff;border-bottom-color:#e5e7eb}
.mvp2-tabs::-webkit-scrollbar{display:none}
.mvp2-tab{display:flex;align-items:center;gap:4px;padding:5px 10px 4px;font-size:11px;font-weight:500;color:var(--t3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:all .12s;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--fn)}
.mvp2-tab:hover{color:var(--t1)}
.mvp2-tab.active{color:var(--rd);border-bottom-color:var(--rd);font-weight:600}
html:not(.lt):not(.yt):not(.fb):not(.comic) .mvp2-tab.active{color:#ef4444;border-bottom-color:#ef4444}
.mvp2-tab-badge{font-size:9.5px;background:var(--s3);border-radius:99px;padding:0 5px;font-weight:600}
.mvp2-tab.active .mvp2-tab-badge{background:rgba(239,68,68,.12);color:var(--rd)}
.mvp2-body{display:flex;gap:0;min-height:0}
.mvp2-panel{flex:1;padding:6px 10px;display:none}
.mvp2-panel.active{display:block}
.mvp2-side{flex-shrink:0;width:250px;border-left:1px solid var(--b1);padding:6px 10px;display:flex;gap:6px}
.mvp2-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}
.mvp2-stat-box{display:flex;flex-direction:row;align-items:center;gap:7px;padding:5px 8px;background:var(--s2);border:1px solid var(--b1);border-radius:7px;min-width:0}
html.lt .mvp2-stat-box{background:#f9fafb;border-color:#e5e7eb}
.mvp2-stat-num{font-size:17px;font-weight:800;color:var(--t1);font-family:var(--mo);line-height:1}
.mvp2-stat-num.green{color:var(--gn)}
.mvp2-stat-num.blue{color:var(--bl)}
.mvp2-stat-lbl{font-size:9px;color:var(--t3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvp2-stat-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mvp2-avail{flex:1;min-width:0}
.mvp2-avail-title{font-size:11px;font-weight:700;color:var(--t1);margin-bottom:4px}
.mvp2-avail-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--b1)}
.mvp2-avail-row:last-child{border-bottom:none}
.mvp2-avail-lbl{font-size:11px;color:var(--t2)}
.mvp2-fee-box{flex-shrink:0;width:78px;border-left:1px solid var(--b1);padding-left:8px;display:flex;flex-direction:column;gap:1px}
.mvp2-fee-title{font-size:9.5px;color:var(--t3);font-weight:600;margin-bottom:2px}
.mvp2-fee-val{font-size:17px;font-weight:800;color:var(--t1);font-family:var(--mo);line-height:1}
html.lt .mvp2-fee-val{color:#111827}
.mvp2-fee-sub{font-size:9px;color:var(--t3)}
.mvp2-acts{display:flex;align-items:center;padding:5px 10px;border-top:1px solid var(--b1);gap:4px;background:var(--s1);flex-wrap:wrap}
.mvp2-acts-right{margin-left:auto;display:flex;align-items:center;gap:4px}
html.lt .mvp2-acts{background:#fff;border-top-color:#e5e7eb}
.mvp2-btn-watch{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 12px;border-radius:5px;font-size:11px;font-weight:700;background:#ef4444;color:#fff;border:none;cursor:pointer;transition:background .14s}
.mvp2-btn-watch:hover{background:#dc2626}
.mvp2-btn-act{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:5px;font-size:10.5px;font-weight:500;background:var(--s2);color:var(--t2);border:1px solid var(--b1);cursor:pointer;transition:all .14s}
.mvp2-btn-act:hover{background:var(--s3);color:var(--t1);border-color:var(--b2)}
.mvp2-btn-edit{color:var(--ac);border-color:rgba(124,58,237,.25);background:rgba(124,58,237,.06)}
.mvp2-btn-edit:hover{background:rgba(124,58,237,.12)}
.mvp2-btn-del{color:var(--rd);border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.04)}
.mvp2-btn-del:hover{background:rgba(239,68,68,.1)}
.mvp2-acts-right{margin-left:auto;display:flex;gap:4px}
.mvp2-lock-banner{padding:3px 10px;background:rgba(245,158,11,.06);border-bottom:1px solid rgba(245,158,11,.2);font-size:10px;color:var(--am)}

/* ═══════════════════════════════════════════════════
   ANALYTICS DASHBOARD — full-page modal
═══════════════════════════════════════════════════ */
.an-outer{flex:1;overflow-y:auto;background:var(--s2);padding:0}
html.lt .an-outer{background:#f8f9fb}

/* Top video card */
.an-video-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--s1);border-bottom:1px solid var(--b1)}
html.lt .an-video-card{background:#fff;border-bottom-color:#e5e7eb}
.an-thumb{position:relative;flex-shrink:0;width:120px;height:76px;border-radius:8px;overflow:hidden;background:var(--s3);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.an-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.an-thumb-grad{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2 40%,#f64f59)}
.an-dur{position:absolute;bottom:4px;left:5px;background:rgba(0,0,0,.7);color:#fff;font-size:8px;font-weight:700;font-family:var(--mo);padding:2px 5px;border-radius:3px}
.an-play-over{position:absolute;bottom:5px;right:6px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s}
.an-play-over:hover{background:rgba(255,255,255,.25)}
.an-video-info{flex:1;min-width:0}
.an-video-title{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.lt .an-video-title{color:#111827}
.an-video-meta{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.an-pub-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);border-radius:20px;padding:2px 9px}
.an-price-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.an-price-chip{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--t1)}
html.lt .an-price-chip{color:#111827}
.an-price-lbl{font-size:10px;color:var(--t3);font-weight:400;margin-left:2px}

/* Date range bar */
.an-date-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--s1);border-bottom:1px solid var(--b1);flex-wrap:wrap}
html.lt .an-date-bar{background:#fff;border-bottom-color:#e5e7eb}
.an-date-preset{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:7px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:11px;font-weight:500;cursor:pointer;transition:all .13s;font-family:var(--fn);white-space:nowrap}
.an-date-preset:hover,.an-date-preset.active{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.35);color:var(--ac)}
.an-date-input{height:30px;border:1px solid var(--b1);border-radius:7px;background:var(--s2);color:var(--t1);font-size:11px;padding:0 8px;font-family:var(--fn)}
html.lt .an-date-input{background:#f9fafb;border-color:#d1d5db}
.an-date-sep{color:var(--t3);font-size:11px}

/* 5 KPI cards */
.an-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px 20px 10px}
.an-kpi{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden;min-height:90px;display:flex;flex-direction:column;justify-content:space-between}
html.lt .an-kpi{background:#fff;border-color:#e5e7eb}
.an-kpi-lbl{font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}
.an-kpi-num{font-size:20px;font-weight:800;font-family:var(--mo);letter-spacing:-.5px;line-height:1}
.an-kpi-cur{font-size:12px;font-weight:600;margin-left:3px;opacity:.8}
.an-kpi-trend{font-size:10px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:3px}
.an-kpi-icon{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.85}
.an-sparkline{position:absolute;bottom:0;left:0;right:0;height:40px;opacity:.7}
/* Dashboard 14-day sparkline strip removed per request */
#dashSparkWrap,#dashSparkStrip{display:none!important}

/* Charts row */
.an-charts-row{display:grid;grid-template-columns:1fr 320px;gap:10px;padding:0 20px 12px}
.an-chart-box{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:16px}
html.lt .an-chart-box{background:#fff;border-color:#e5e7eb}
.an-chart-title{font-size:13px;font-weight:700;color:var(--t1);margin-bottom:12px;display:flex;align-items:center;gap:8px}
html.lt .an-chart-title{color:#111827}
.an-chart-legend{display:flex;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.an-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--t2)}
.an-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.an-chart-granularity{margin-left:auto;display:flex;align-items:center;gap:4px}
.an-gran-btn{height:26px;padding:0 10px;border-radius:6px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:10px;font-weight:600;cursor:pointer;transition:all .12s;font-family:var(--fn)}
.an-gran-btn.active,.an-gran-btn:hover{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3);color:var(--ac)}
.an-line-chart-wrap{width:100%;overflow-x:auto}
.an-line-chart{display:block;width:100%;min-width:300px}
.an-tooltip{position:fixed;background:var(--s1);border:1px solid var(--b2);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:10px 14px;font-size:11px;z-index:3000;pointer-events:none;display:none;min-width:170px}
html.lt .an-tooltip{background:#fff}
.an-tt-date{font-weight:700;color:var(--t1);margin-bottom:7px;font-size:12px}
.an-tt-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:3px;color:var(--t2)}
.an-tt-val{font-weight:700;color:var(--t1)}
.an-tt-total{border-top:1px solid var(--b1);margin-top:5px;padding-top:5px;font-weight:700;color:var(--t1);display:flex;justify-content:space-between}

/* Donut */
.an-donut-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding-top:8px}
.an-donut-inner{position:relative;flex-shrink:0}
.an-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.an-donut-cval{font-size:22px;font-weight:800;font-family:var(--mo);color:var(--t1);line-height:1}
html.lt .an-donut-cval{color:#111827}
.an-donut-csub{font-size:10px;color:var(--t3);margin-top:2px}
.an-donut-legend{display:flex;flex-direction:column;gap:7px;width:100%}
.an-donut-row{display:flex;align-items:center;gap:7px;font-size:11px}
.an-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.an-donut-lbl{flex:1;color:var(--t2)}
.an-donut-val{font-weight:700;color:var(--t1);font-size:11px}
html.lt .an-donut-val{color:#111827}
.an-donut-pct{font-size:10px;color:var(--t3)}

/* Bottom 4-section row */
.an-bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:0 20px 14px}
.an-bottom-box{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:14px 16px}
html.lt .an-bottom-box{background:#fff;border-color:#e5e7eb}
.an-bottom-title{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:12px}
html.lt .an-bottom-title{color:#111827}

/* Top Countries */
.an-country-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11px}
.an-country-num{width:14px;color:var(--t3);font-size:10px;flex-shrink:0;text-align:right}
.an-country-flag{font-size:14px;flex-shrink:0}
.an-country-name{flex:1;color:var(--t2)}
.an-country-bar-wrap{width:80px;height:5px;background:var(--s3);border-radius:99px;overflow:hidden;flex-shrink:0}
.an-country-bar{height:100%;background:var(--rd);border-radius:99px}
.an-country-pct{color:var(--t3);font-size:10px;font-weight:600;min-width:35px;text-align:right}
.an-views-toggle{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;color:var(--t3)}

/* Device Breakdown */
.an-device-wrap{display:flex;gap:14px;align-items:center}
.an-device-legend{display:flex;flex-direction:column;gap:5px;flex:1}
.an-device-row{display:flex;align-items:center;gap:6px;font-size:11px}
.an-device-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.an-device-lbl{flex:1;color:var(--t2)}
.an-device-pct{font-weight:600;color:var(--t1);font-size:11px}
html.lt .an-device-pct{color:#111827}

/* Top Performing Metrics */
.an-metric-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--b1);font-size:11px}
.an-metric-row:last-child{border-bottom:none}
.an-metric-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.an-metric-lbl{flex:1;color:var(--t2)}
.an-metric-date{color:var(--t3);font-size:10px}
.an-metric-val{font-weight:700;font-size:11px}
.an-metric-num{width:24px;height:24px;border-radius:50%;background:var(--s3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--t2);flex-shrink:0}

/* Engagement Funnel */
.an-funnel-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.an-funnel-bar-wrap{flex:1;height:24px;background:var(--s3);border-radius:4px;overflow:hidden;position:relative}
.an-funnel-bar{height:100%;background:rgba(124,58,237,.25);border-radius:4px;transition:width .4s ease}
.an-funnel-dot{width:8px;height:8px;border-radius:50%;background:var(--t3);flex-shrink:0}
.an-funnel-lbl{font-size:11px;color:var(--t2);white-space:nowrap;min-width:80px}
.an-funnel-num{font-size:11px;font-weight:700;color:var(--t1);white-space:nowrap;min-width:60px;text-align:right}
html.lt .an-funnel-num{color:#111827}

/* Footer footnote */
.an-footer{padding:8px 20px;border-top:1px solid var(--b1);font-size:10px;color:var(--t3);background:var(--s1);display:flex;align-items:center;gap:6px}
html.lt .an-footer{background:#fff;border-top-color:#e5e7eb}
.an-tooltip-el{position:fixed;pointer-events:none;z-index:9999}


.ledger-ftab[data-count]::after{content:attr(data-count);display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;margin-left:4px;border-radius:8px;background:var(--ac,#6366f1);color:#fff;font-size:8px;font-weight:700;line-height:1;vertical-align:middle;}.ledger-ftab[data-count='0']::after{background:var(--b2,rgba(255,255,255,.08));color:var(--t3);}.ldg-analysis-grid{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 12px;border-top:1px solid var(--b1);background:var(--s2);border-radius:0 0 8px 8px;}
/* Sortable table headers */
th.ldg-sortable{cursor:pointer;user-select:none;position:relative}
th.ldg-sortable:hover{color:var(--t1);background:var(--s2)}
th.ldg-sortable .ldg-sort-ico{display:inline-flex;align-items:center;margin-left:4px;opacity:0;transition:opacity .12s}
th.ldg-sortable:hover .ldg-sort-ico{opacity:.55}
th.ldg-sortable.active{color:var(--ac2)}
th.ldg-sortable.active .ldg-sort-ico{opacity:1}
th.ldg-sortable.active .ldg-sort-ico svg{stroke:var(--ac2)}
.ldg-ana-strip{margin-top:6px;border:1px solid var(--b1);border-radius:8px;background:var(--s1);overflow:hidden}
.ldg-ana-strip:empty{display:none}
.ldg-ana-strip .ldg-analysis-grid{border-top:none;background:linear-gradient(to right,var(--s2),var(--s1))}
.ldg-stats-wrap{transition:max-height .28s ease,opacity .18s ease,margin .2s ease;max-height:600px;overflow:visible}
.ldg-stats-wrap.collapsed{max-height:0!important;opacity:0;pointer-events:none;overflow:hidden;margin:0!important}.ldg-ana-item{display:flex;flex-direction:column;min-width:90px;}.ldg-ana-item.ldg-ana-wide{flex:1 1 200px;}.ldg-ana-label{font-size:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);margin-bottom:1px;}.ldg-ana-val{font-size:11px;font-weight:700;color:var(--t1);}.ldg-ana-gn{color:var(--gn,#22c55e);}.ldg-ana-rd{color:var(--rd,#ef4444);}
/* ═══════════════════════════════════════════════════════════════════════════════
   MOBILE v1 — phone / TronLink in-app browser layout (≤ 820px).
   The desktop app is a fixed "app shell": 240px sidebar + side-by-side player and
   marketplace, fixed-height panes with their own scrollbars. On a 390px phone that left
   the content 150px wide and pushed Connect / Upload off-screen, unreachable.
   Here: the sidebar becomes a slide-in drawer (☰), the tab bar is the main navigation,
   panes stack vertically, tables scroll sideways inside their own box, and modals fit
   the screen. Loaded LAST so it wins the cascade; html.arch-m is set by
   js/features/50-mobile.js and raises specificity over modules that inject styles later.
   ═══════════════════════════════════════════════════════════════════════════════ */
.arch-m-only{display:none!important}
@media (max-width:820px){
  html.arch-m{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html.arch-m .arch-m-only{display:inline-flex!important}
  html.arch-m body{height:100dvh;min-height:0}

  /* ── topbar: one 48px row; search opens as a second row ─────────────────── */
  html.arch-m .topbar{height:48px!important;padding:0 6px 0 4px!important;gap:4px!important;padding-top:env(safe-area-inset-top)!important;box-sizing:content-box}
  html.arch-m .topbar .brand{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}
  html.arch-m .topbar .brand .p{display:none}
  html.arch-m .topbar .tb-search{display:none!important}
  html.arch-m.arch-m-search .topbar .tb-search{display:flex!important;position:fixed;left:8px;right:8px;top:calc(52px + env(safe-area-inset-top));height:40px;z-index:310;background:var(--s1,#11121b);border:1px solid var(--b2,rgba(255,255,255,.14));border-radius:10px;padding:0 10px;box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:none!important;width:auto!important;margin:0!important}
  html.arch-m .topbar .tb-search input{font-size:16px!important;flex:1;min-width:0}
  html.arch-m .topbar .tb-search-kbd{display:none!important}
  html.arch-m .topbar .tb-wallet-id,html.arch-m .topbar .tb-wallet-pill{display:none!important}
  html.arch-m .topbar #switchBtn,html.arch-m .topbar #disconnectBtn{display:none!important}
  html.arch-m .topbar .topbar-right{margin-left:auto;gap:4px!important;flex-shrink:0}
  html.arch-m .topbar .tb-icon-btn{width:34px!important;height:34px!important;min-width:34px!important;flex-shrink:0}
  html.arch-m .topbar #connectBtn{height:34px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap}
  html.arch-m .topbar #navUploadBtn{height:34px!important;width:38px!important;padding:0!important;justify-content:center;font-size:0!important}
  html.arch-m .topbar #navUploadBtn svg{width:16px;height:16px}
  @media (max-width:430px){ html.arch-m .topbar #themeToggle{display:none!important} }
  html.arch-m .arch-m-burger{width:38px;height:38px;border:0;background:none;color:var(--t1,#e7e7ee);font-size:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0;cursor:pointer}
  html.arch-m #notifPanel{top:calc(52px + env(safe-area-inset-top))!important;left:8px!important;right:8px!important;width:auto!important}
  html.arch-m #notifList{max-height:60dvh!important}

  /* ── network strip + page body ──────────────────────────────────────────── */
  html.arch-m .nw{top:calc(48px + env(safe-area-inset-top))!important;font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.arch-m .page-body{margin-top:calc(48px + env(safe-area-inset-top))!important;height:calc(100dvh - 48px - env(safe-area-inset-top) - 28px - env(safe-area-inset-bottom))!important}
  html.arch-m.nw-visible .page-body,html.arch-m body.nw-visible .page-body{margin-top:calc(70px + env(safe-area-inset-top))!important;height:calc(100dvh - 70px - env(safe-area-inset-top) - 28px - env(safe-area-inset-bottom))!important}
  html.arch-m #archPageFooter{padding-bottom:env(safe-area-inset-bottom);overflow:hidden}
  html.arch-m #archPageFooter .apf-left,html.arch-m #archPageFooter .apf-right{display:none!important}
  html.arch-m #archPageFooter .apf-center{margin:0 auto}

  /* ── sidebar → drawer ───────────────────────────────────────────────────── */
  html.arch-m .sidebar,html.arch-m .sidebar.collapsed{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100dvh!important;width:min(86vw,320px)!important;max-width:none!important;z-index:1200!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.5);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  html.arch-m.arch-m-drawer .sidebar{transform:none}
  html.arch-m .sidebar .sb-scroll{flex:0 1 auto!important;overflow-y:auto!important}
  html.arch-m .sidebar .sb-nav{flex-shrink:0}
  html.arch-m .sidebar.collapsed .ni-label,html.arch-m .sidebar.collapsed .sb-sec,html.arch-m .sidebar.collapsed .sb-top-label{display:revert!important}
  html.arch-m #sbCollapse,html.arch-m #sbExpand{display:none!important}
  html.arch-m .arch-m-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1190;display:none}
  html.arch-m.arch-m-drawer .arch-m-backdrop{display:block}
  html.arch-m .arch-m-drawer-foot{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 16px;border-top:1px solid var(--b1,rgba(255,255,255,.08));margin-top:auto}
  html.arch-m .arch-m-drawer-foot button{flex:1 1 40%;min-height:40px;border-radius:9px;border:1px solid var(--b2,rgba(255,255,255,.14));background:var(--s2,rgba(255,255,255,.04));color:var(--t1,#e7e7ee);font-size:13px;font-weight:700;cursor:pointer}
  html.arch-m .content{width:100%!important;min-width:0!important}

  /* ── tab bar = main navigation: horizontal scroll, finger-sized ─────────── */
  html.arch-m .top-tabbar{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;min-height:42px}
  html.arch-m .top-tabbar::-webkit-scrollbar{display:none}
  html.arch-m .top-tab{flex-shrink:0!important;min-height:40px;padding:0 12px!important;font-size:12.5px!important}

  /* ── player & marketplace: stacked, one scroll ──────────────────────────── */
  html.arch-m #tab-player{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m .pm-layout{flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;flex:0 0 auto!important}
  html.arch-m .pm-player-col,html.arch-m .pm-market-col{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
  html.arch-m .pm-market-col{min-height:70dvh}
  html.arch-m .pm-resize-handle,html.arch-m [class*="resize-handle"],html.arch-m .pm-divider{display:none!important}
  html.arch-m .pm-mkt-tabs{flex-wrap:wrap!important;height:auto!important;flex-direction:row!important;overflow-x:auto}
  html.arch-m #marketListWrap{max-height:none!important;overflow:visible!important}
  html.arch-m .mlist,html.arch-m .mlist-2col,html.arch-m .mlist-grid,html.arch-m .mlist-3col{overflow:visible!important;max-height:none!important}
  html.arch-m .mlist-3col,html.arch-m .mlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.arch-m video{max-width:100%}

  /* ── other tabs: one vertical scroll per tab ────────────────────────────── */
  html.arch-m .tab-panel.active{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m .tab-panel.active>*{max-width:100%}
  html.arch-m .table-wrap,html.arch-m .tbl-wrap,html.arch-m .ledger-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* ── modals / popovers: fit the screen, scroll inside ───────────────────── */
  html.arch-m .modal,html.arch-m .modal-box,html.arch-m [class*="modal-card"],html.arch-m .pg-card{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #planGate{align-items:flex-start!important;overflow-y:auto!important;padding:12px 8px!important}
  html.arch-m #planGate .pg-card{margin:auto 0!important;max-height:none!important}

  /* ── forms: ≥16px text stops iOS from zooming the page on focus ─────────── */
  html.arch-m input[type="text"],html.arch-m input[type="number"],html.arch-m input[type="search"],html.arch-m input[type="url"],html.arch-m input:not([type]),html.arch-m select,html.arch-m textarea{font-size:16px!important}

  /* ── toasts ──────────────────────────────────────────────────────────────── */
  html.arch-m .toast-area{left:8px!important;right:8px!important;top:calc(56px + env(safe-area-inset-top))!important;bottom:auto!important;align-items:stretch!important}
  html.arch-m .toast-area>*{max-width:none!important;width:auto!important}

  /* ── Moderation / Owner / Like / Subscribe consoles (light SaaS shell) ──── */
  html.arch-m #mcOverlay .app-shell,html.arch-m #ocOverlay .app-shell{display:block!important;min-height:100dvh}
  html.arch-m #mcOverlay .sidebar,html.arch-m #ocOverlay .sidebar{position:fixed!important;top:0;left:0;bottom:0;width:min(84vw,300px)!important;height:100dvh!important;z-index:5;transform:translateX(-105%);transition:transform .22s;display:flex!important;flex-direction:column;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.25);overflow-y:auto}
  html.arch-m #mcOverlay.arch-m-cnav .sidebar,html.arch-m #ocOverlay.arch-m-cnav .sidebar{transform:none}
  html.arch-m #mcOverlay .arch-m-cback,html.arch-m #ocOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:4;display:none}
  html.arch-m #mcOverlay.arch-m-cnav .arch-m-cback,html.arch-m #ocOverlay.arch-m-cnav .arch-m-cback{display:block}
  html.arch-m #mcOverlay .main,html.arch-m #ocOverlay .main{margin:0!important;width:100%!important;min-width:0}
  html.arch-m #mcOverlay .topbar,html.arch-m #ocOverlay .topbar{position:sticky!important;top:0;z-index:3;height:auto!important;flex-wrap:wrap;gap:8px;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important}
  html.arch-m #mcOverlay .topbar h1,html.arch-m #ocOverlay .topbar h1{font-size:17px!important}
  html.arch-m #mcOverlay .top-actions,html.arch-m #ocOverlay .top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:6px}
  html.arch-m #mcOverlay .top-actions .pchip,html.arch-m #ocOverlay .top-actions .pchip{display:none!important}
  html.arch-m #mcOverlay .content,html.arch-m #ocOverlay .content{padding:12px!important}
  html.arch-m #mcOverlay .metrics,html.arch-m #ocOverlay .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html.arch-m #mcOverlay .grid-2,html.arch-m #ocOverlay .grid-2,html.arch-m #mcOverlay .grid3,html.arch-m #ocOverlay .grid3,html.arch-m #mcOverlay .grid-det,html.arch-m #ocOverlay .grid-det,html.arch-m #mcOverlay .settings-layout{grid-template-columns:minmax(0,1fr)!important;display:grid!important}
  html.arch-m #mcOverlay .statrow{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}
  html.arch-m #mcOverlay .filterbar{grid-template-columns:minmax(0,1fr)!important;display:grid!important}
  html.arch-m #mcOverlay .table-wrap,html.arch-m #ocOverlay .table-wrap{overflow-x:auto!important}
  html.arch-m #mcOverlay .table-wrap table,html.arch-m #ocOverlay .table-wrap table{min-width:640px}
  html.arch-m #mcOverlay .toolbar,html.arch-m #ocOverlay .toolbar,html.arch-m #mcOverlay .phead2,html.arch-m #ocOverlay .phead2,html.arch-m #mcOverlay .welcome,html.arch-m #ocOverlay .welcome{flex-wrap:wrap;gap:10px}
  html.arch-m #mcOverlay .stepper{overflow-x:auto}
  html.arch-m #mcOverlay .drawer{width:100vw!important;max-width:100vw!important}
  html.arch-m #mcOverlay .rowact .btn,html.arch-m #ocOverlay .rowact .btn{min-height:36px}
  html.arch-m .arch-m-cburger{display:inline-flex!important;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #e4e9f0;border-radius:9px;background:#fff;font-size:18px;cursor:pointer;flex-shrink:0}
}
@media (min-width:821px){ .arch-m-burger,.arch-m-cburger,.arch-m-backdrop,.arch-m-cback,.arch-m-drawer-foot{display:none!important} }

/* ── in-page dialogs (replace window.confirm / prompt, which wallet webviews may suppress) ── */
.arch-dlg-back{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + env(safe-area-inset-top))}
.arch-dlg{width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--s1,#15151f);color:var(--t1,#ececf1);border:1px solid var(--b2,rgba(255,255,255,.14));border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45);font-family:var(--fn,system-ui,sans-serif)}
html.lt .arch-dlg,html.yt .arch-dlg,html.fb .arch-dlg,html.comic .arch-dlg{background:#fff;color:#111827;border-color:#e5e7eb}
.arch-dlg-msg{padding:18px 18px 8px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.arch-dlg-in{display:block;width:calc(100% - 36px);margin:6px 18px 4px;padding:10px 12px;border-radius:9px;border:1px solid var(--b2,rgba(127,127,127,.35));background:transparent;color:inherit;font-size:16px;font-family:inherit;box-sizing:border-box}
textarea.arch-dlg-in{min-height:110px;resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.arch-dlg-acts{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px;flex-wrap:wrap}
.arch-dlg-acts button{min-width:92px;min-height:40px;padding:0 16px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--b2,rgba(127,127,127,.35));background:transparent;color:inherit}
.arch-dlg-acts .ok{background:#2563eb;border-color:#2563eb;color:#fff}
.arch-dlg-acts .ok.danger{background:#dc2626;border-color:#dc2626}
@media (max-width:820px){
  /* no video selected: don't spend a 16:9 black box on nothing */
  html.arch-m .pm-upper:has(#pmNoVideo[style*="flex"]) #pmVideoWrap{display:none!important}
  html.arch-m .pm-player-col .pm-video-wrap,html.arch-m body.arch-player-active #tab-player .pm-player-col .pm-video-wrap{aspect-ratio:16/9!important;height:auto!important;max-height:56dvh!important;border-radius:0!important}
  html.arch-m .pm-video-wrap video{object-fit:contain!important}
}
@media (max-width:820px){
  /* ── My Videos ── */
  html.arch-m .mv-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}
  html.arch-m #tab-myvideos .mv-scroll-body{overflow:visible!important;max-height:none!important;height:auto!important;flex:0 0 auto!important}
  html.arch-m .mv-page-hdr{flex-wrap:wrap!important;height:auto!important}
  html.arch-m .mv-page-actions{flex-wrap:wrap!important;width:100%}
  html.arch-m .mvc2-controls{grid-template-columns:minmax(0,1fr)!important}
  html.arch-m .mvc2-tog-row{flex-wrap:wrap}
  html.arch-m .mv-totals-bar{flex-wrap:wrap;height:auto!important}
  /* ── Upload wizard: form, then preview ── */
  html.arch-m .wz-wrap{height:auto!important;overflow:visible!important}
  html.arch-m .wz-main-area{flex-direction:column!important;overflow:visible!important;height:auto!important}
  html.arch-m .wz-body{width:100%!important;flex:0 0 auto!important;overflow:visible!important;padding:12px!important}
  html.arch-m .wz-side-panel{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;border-left:0!important;border-top:1px solid var(--b1)}
  html.arch-m .wz-src-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html.arch-m .wz-stepper{overflow-x:auto}
  html.arch-m #archTosBanner{flex-wrap:wrap;margin:10px 12px 0!important}
  html.arch-m .wz-footer,html.arch-m .wz-nav{position:sticky;bottom:0;z-index:5;background:var(--bg)}
  /* ── Dashboard ── */
  html.arch-m .dash-layout{height:auto!important}
  html.arch-m .dash-ctrl-bar{flex-wrap:wrap!important;height:auto!important}
  html.arch-m .dash-top-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.arch-m .dash-top-row>.dash-profile-card{grid-column:1/-1!important}
  html.arch-m .dash-top-row .dkc-label{overflow:visible!important;white-space:normal}
  html.arch-m [class*="dash-stat-row"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.arch-m #tab-dashboard [class*="dash-grid"],html.arch-m #tab-dashboard [class*="dash-2col"],html.arch-m #tab-dashboard [class*="dash-row"]:not([class*="dash-stat-row"]){grid-template-columns:minmax(0,1fr)!important;flex-wrap:wrap}
  /* ── Ledger ── */
  html.arch-m .ll{height:auto!important;overflow:visible!important}
  html.arch-m .ledger-hdr{flex-wrap:wrap!important;height:auto!important;gap:8px!important;padding-bottom:8px!important}
  html.arch-m .ledger-hdr>div{flex-shrink:1!important;min-width:0}
  html.arch-m .ldg-view-tabs{width:auto}
  html.arch-m .ldg-view-tab{width:auto!important;min-width:0!important;flex:1 1 auto;padding:0 10px!important}
  html.arch-m .ledger-toolbar{flex-wrap:wrap!important;height:auto!important;gap:6px!important}
  html.arch-m .ledger-toolbar>div{flex-wrap:wrap!important;gap:6px!important}
  html.arch-m .ldg-filter-bar:not(.collapsed){flex-wrap:wrap!important;height:auto!important}
  html.arch-m .ldg-filter-sep{display:none!important}
  html.arch-m .ldg-filter-input,html.arch-m .ldg-search-inp{max-width:100%}
  html.arch-m .ledger-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.arch-m #ldgExpensePanel,html.arch-m #ldgRevenuePanel{overflow:visible!important;flex:0 0 auto!important}
}
@media (max-width:820px){
  html.arch-m .mvc2-title-row{flex-wrap:wrap!important;row-gap:4px}
  html.arch-m .mvc2-title-row .mv-ti2{flex:1 1 150px!important;min-width:0!important;width:auto!important}
  html.arch-m .mvc2-top{gap:8px!important}
}
@media (max-width:820px){
  /* ── Report / Warning / Like / Message / Subscribe consoles: their sidebars were pushed off-screen at ≤800px with no way to open them ── */
  html.arch-m #rcOverlay .rc-sb{transform:translateX(-105%)!important;transition:transform .22s;z-index:50!important;box-shadow:0 0 30px rgba(0,0,0,.25);padding-top:env(safe-area-inset-top)}
  html.arch-m #rcOverlay.arch-m-cnav .rc-sb{transform:none!important}
  html.arch-m #rcOverlay .rc-main{margin-left:0!important;width:100%!important;min-width:0!important}
  html.arch-m #rcOverlay .rc-top{height:auto!important;min-height:56px;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:center!important}
  html.arch-m #rcOverlay .rc-top>div:first-child{min-width:0;flex:1 1 auto}
  html.arch-m #rcOverlay .rc-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important}
  html.arch-m #rcOverlay .rc-top small{display:block;font-size:10.5px!important;line-height:1.3!important}
  html.arch-m #rcOverlay .rc-top-r{flex-wrap:wrap!important;gap:6px!important;width:100%;justify-content:flex-start!important}
  html.arch-m #rcOverlay .rc-shell{min-width:0!important}
  html.arch-m #rcOverlay table{min-width:520px}
  html.arch-m #rcOverlay .rc-panel,html.arch-m #rcOverlay .rc-card,html.arch-m #rcOverlay .rc-tbl-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #rcOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;display:none}
  html.arch-m #rcOverlay.arch-m-cnav .arch-m-cback{display:block}
  html.arch-m #wcOverlay .wc-sb{transform:translateX(-105%)!important;transition:transform .22s;z-index:50!important;box-shadow:0 0 30px rgba(0,0,0,.25);padding-top:env(safe-area-inset-top)}
  html.arch-m #wcOverlay.arch-m-cnav .wc-sb{transform:none!important}
  html.arch-m #wcOverlay .wc-main{margin-left:0!important;width:100%!important;min-width:0!important}
  html.arch-m #wcOverlay .wc-top{height:auto!important;min-height:56px;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:center!important}
  html.arch-m #wcOverlay .wc-top>div:first-child{min-width:0;flex:1 1 auto}
  html.arch-m #wcOverlay .wc-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important}
  html.arch-m #wcOverlay .wc-top small{display:block;font-size:10.5px!important;line-height:1.3!important}
  html.arch-m #wcOverlay .wc-top-r{flex-wrap:wrap!important;gap:6px!important;width:100%;justify-content:flex-start!important}
  html.arch-m #wcOverlay .wc-shell{min-width:0!important}
  html.arch-m #wcOverlay table{min-width:520px}
  html.arch-m #wcOverlay .wc-panel,html.arch-m #wcOverlay .wc-card,html.arch-m #wcOverlay .wc-tbl-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #wcOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;display:none}
  html.arch-m #wcOverlay.arch-m-cnav .arch-m-cback{display:block}
  html.arch-m #lcOverlay .lc-sb{transform:translateX(-105%)!important;transition:transform .22s;z-index:50!important;box-shadow:0 0 30px rgba(0,0,0,.25);padding-top:env(safe-area-inset-top)}
  html.arch-m #lcOverlay.arch-m-cnav .lc-sb{transform:none!important}
  html.arch-m #lcOverlay .lc-main{margin-left:0!important;width:100%!important;min-width:0!important}
  html.arch-m #lcOverlay .lc-top{height:auto!important;min-height:56px;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:center!important}
  html.arch-m #lcOverlay .lc-top>div:first-child{min-width:0;flex:1 1 auto}
  html.arch-m #lcOverlay .lc-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important}
  html.arch-m #lcOverlay .lc-top small{display:block;font-size:10.5px!important;line-height:1.3!important}
  html.arch-m #lcOverlay .lc-top-r{flex-wrap:wrap!important;gap:6px!important;width:100%;justify-content:flex-start!important}
  html.arch-m #lcOverlay .lc-shell{min-width:0!important}
  html.arch-m #lcOverlay table{min-width:520px}
  html.arch-m #lcOverlay .lc-panel,html.arch-m #lcOverlay .lc-card,html.arch-m #lcOverlay .lc-tbl-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #lcOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;display:none}
  html.arch-m #lcOverlay.arch-m-cnav .arch-m-cback{display:block}
  html.arch-m #msgOverlay .msg-sb{transform:translateX(-105%)!important;transition:transform .22s;z-index:50!important;box-shadow:0 0 30px rgba(0,0,0,.25);padding-top:env(safe-area-inset-top)}
  html.arch-m #msgOverlay.arch-m-cnav .msg-sb{transform:none!important}
  html.arch-m #msgOverlay .msg-main{margin-left:0!important;width:100%!important;min-width:0!important}
  html.arch-m #msgOverlay .msg-top{height:auto!important;min-height:56px;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:center!important}
  html.arch-m #msgOverlay .msg-top>div:first-child{min-width:0;flex:1 1 auto}
  html.arch-m #msgOverlay .msg-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important}
  html.arch-m #msgOverlay .msg-top small{display:block;font-size:10.5px!important;line-height:1.3!important}
  html.arch-m #msgOverlay .msg-top-r{flex-wrap:wrap!important;gap:6px!important;width:100%;justify-content:flex-start!important}
  html.arch-m #msgOverlay .msg-shell{min-width:0!important}
  html.arch-m #msgOverlay table{min-width:520px}
  html.arch-m #msgOverlay .msg-panel,html.arch-m #msgOverlay .msg-card,html.arch-m #msgOverlay .msg-tbl-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #msgOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;display:none}
  html.arch-m #msgOverlay.arch-m-cnav .arch-m-cback{display:block}
  html.arch-m #scOverlay .sc-sb{transform:translateX(-105%)!important;transition:transform .22s;z-index:50!important;box-shadow:0 0 30px rgba(0,0,0,.25);padding-top:env(safe-area-inset-top)}
  html.arch-m #scOverlay.arch-m-cnav .sc-sb{transform:none!important}
  html.arch-m #scOverlay .sc-main{margin-left:0!important;width:100%!important;min-width:0!important}
  html.arch-m #scOverlay .sc-top{height:auto!important;min-height:56px;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;align-items:center!important}
  html.arch-m #scOverlay .sc-top>div:first-child{min-width:0;flex:1 1 auto}
  html.arch-m #scOverlay .sc-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important}
  html.arch-m #scOverlay .sc-top small{display:block;font-size:10.5px!important;line-height:1.3!important}
  html.arch-m #scOverlay .sc-top-r{flex-wrap:wrap!important;gap:6px!important;width:100%;justify-content:flex-start!important}
  html.arch-m #scOverlay .sc-shell{min-width:0!important}
  html.arch-m #scOverlay table{min-width:520px}
  html.arch-m #scOverlay .sc-panel,html.arch-m #scOverlay .sc-card,html.arch-m #scOverlay .sc-tbl-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html.arch-m #scOverlay .arch-m-cback{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;display:none}
  html.arch-m #scOverlay.arch-m-cnav .arch-m-cback{display:block}
}
@media (max-width:820px){
  /* ── expanded overlay player: player on top, list below, one scroll ── */
  html.arch-m .moverlay.open{flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  html.arch-m .moverlay .mov-player,html.arch-m .moverlay .mov-list-col{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
  html.arch-m .moverlay .mov-vid-wrap{width:100%!important;aspect-ratio:16/9;height:auto!important}
  html.arch-m .moverlay .mov-meta{overflow:visible!important;height:auto!important}
  html.arch-m .moverlay .pm-drag-handle,html.arch-m .moverlay [class*="drag"],html.arch-m .moverlay [class*="resize"]{display:none!important}
  html.arch-m .moverlay .mov-topbar{flex-wrap:wrap!important;height:auto!important;gap:6px!important;position:sticky;top:0;z-index:5;background:var(--bg)}
  html.arch-m .moverlay .mov-topbar>div{flex-wrap:wrap!important;min-width:0}
  html.arch-m .moverlay .ov-list-area{overflow:visible!important;max-height:none!important;height:auto!important;grid-template-columns:minmax(0,1fr)!important}
  /* drawer sits above the fixed page footer */
  html.arch-m #archPageFooter{z-index:900!important}
  html.arch-m .moverlay.open{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
}
@media (max-width:820px){
  /* ── .mbd / .mbox modals (purchase, recover, report, preview, archive, buyers…) ── */
  html.arch-m .mbd.open{align-items:flex-start!important;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}
  html.arch-m .mbd .mbox{width:100%!important;max-width:100%!important;max-height:none!important;margin:auto 0!important;padding:14px!important;box-sizing:border-box}
  html.arch-m .rmbd .mbox{max-height:none!important;overflow:visible!important}
  html.arch-m .mbox [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  html.arch-m .mbox table{display:block;overflow-x:auto;max-width:100%}
}