/* ============================================================================
   Robindex v2 — styles for market · create · wallet · earnings · claim · admin.
   Composes with themes.css tokens. All classes prefixed v2- or x2-.
============================================================================ */

/* ---------------- shared page scaffold ---------------- */
.v2-page{flex:1;overflow-y:auto;padding:28px 32px 60px;background:var(--glow-bg),var(--bg);}
.v2-wrap{max-width:1060px;margin:0 auto;}
.v2-wrap.narrow{max-width:720px;}
.v2-head{margin:8px 0 22px;}
.v2-head h1{font:600 26px/1.2 var(--head);letter-spacing:-.02em;color:var(--text);margin:0 0 8px;}
.v2-head p{font:400 14px/1.6 var(--sans);color:var(--dim);margin:0;max-width:640px;text-wrap:pretty;}
.v2-sec{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:26px 0 10px;display:flex;align-items:center;gap:8px;}
.v2-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh);}
.v2-mono{font-family:var(--mono);}
.v2-up{color:var(--up);} .v2-down{color:var(--down);}

/* ---------------- market ---------------- */
.mkt-tools{display:flex;gap:10px;align-items:center;margin:0 0 18px;flex-wrap:wrap;}
.mkt-search{flex:1;min-width:230px;display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:9px 13px;}
.mkt-search input{flex:1;background:none;border:0;outline:0;color:var(--text);font:400 13.5px var(--sans);}
.mkt-search input::placeholder{color:var(--faint);}
.mkt-filters{display:flex;gap:6px;}
.mkt-f{border:1px solid var(--border);background:var(--panel);color:var(--dim);font:500 12px var(--sans);padding:7px 12px;border-radius:999px;cursor:pointer;}
.mkt-f.on{background:var(--accent-ghost);border-color:var(--accent);color:var(--accent);}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;}
.pcard{position:relative;display:flex;flex-direction:column;gap:11px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 16px 13px;box-shadow:var(--sh);text-align:left;transition:border-color .15s, transform .15s;}
.pcard:hover{border-color:var(--border-strong);transform:translateY(-1px);}
.pcard-top{display:flex;align-items:center;gap:11px;}
.pcard-nm{display:flex;align-items:center;gap:7px;font:600 15px var(--head);color:var(--text);min-width:0;}
.pcard-h{font:400 12px var(--mono);color:var(--faint);}
.pcard-role{font:400 12.5px var(--sans);color:var(--dim);margin-top:1px;}
.badge-claim{display:inline-flex;align-items:center;gap:4px;font:600 10px var(--mono);letter-spacing:.04em;color:var(--accent);background:var(--accent-ghost);border:1px solid var(--accent);border-radius:999px;padding:2.5px 8px;white-space:nowrap;}
.badge-distill{display:inline-flex;align-items:center;gap:5px;font:600 10px var(--mono);color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:2.5px 8px;background:transparent;}
.badge-distill .dot,.badge-live .dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:v2pulse 1.4s infinite;}
@keyframes v2pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pcard-stats{display:flex;gap:14px;font:400 12px var(--sans);color:var(--faint);}
.pcard-stats b{color:var(--text);font-weight:600;font-family:var(--mono);}
.pcard-upd{display:flex;align-items:center;gap:8px;font:400 11.5px var(--sans);color:var(--faint);border-top:1px solid var(--border-soft);padding-top:10px;flex-wrap:wrap;}
.pcard-upd .ts{font-family:var(--mono);color:var(--dim);}
.pcard-upd .new{color:var(--amber);}
.btn-upd{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--accent);color:var(--accent);background:transparent;font:600 11.5px var(--sans);padding:5px 11px;border-radius:999px;cursor:pointer;}
.btn-upd:hover{background:var(--accent-ghost);}
.pcard-price{display:flex;align-items:baseline;gap:6px;font:400 11.5px var(--sans);color:var(--faint);}
.pcard-price b{font:600 13px var(--mono);color:var(--text);}
.pcard-cta{display:flex;align-items:center;gap:8px;margin-top:2px;}
.btn-ask{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:var(--on-accent);border:0;font:600 13px var(--sans);padding:9px 0;border-radius:var(--r);cursor:pointer;}
.btn-ask:hover{filter:brightness(1.07);}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel-2);color:var(--dim);border:1px solid var(--border);font:600 12.5px var(--sans);padding:9px 13px;border-radius:var(--r);cursor:pointer;}
.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);}

/* reward progress */
.rw{display:flex;flex-direction:column;gap:5px;}
.rw-line{display:flex;align-items:baseline;gap:6px;font:400 11px var(--sans);color:var(--faint);}
.rw-line b{font:600 11.5px var(--mono);color:var(--text);}
.rw-line .cap{margin-left:auto;font-family:var(--mono);}
.rw-bar{height:4px;border-radius:99px;background:var(--panel-3);overflow:hidden;}
.rw-bar i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .6s ease;}
.rw-bar.amber i{background:var(--amber);}
.rw-bar.done i{background:var(--up);}

/* distilling card state */
.pcard.distilling{border-style:dashed;}
.dst-row{display:flex;align-items:center;gap:10px;font:400 12px var(--sans);color:var(--dim);}
.dst-row .pct{font:600 13px var(--mono);color:var(--amber);}

/* not-found CTA card */
.pcard.ghosty{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:transparent;box-shadow:none;gap:8px;padding:28px 20px;}
.pcard.ghosty h3{font:600 15px var(--head);color:var(--text);margin:0;}
.pcard.ghosty p{font:400 12.5px/1.55 var(--sans);color:var(--faint);margin:0;max-width:250px;}

/* ---------------- create ---------------- */
.cr-hero{text-align:center;padding:34px 0 6px;}
.cr-hero .kicker{display:inline-flex;align-items:center;gap:7px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.cr-hero h1{font:600 40px/1.12 var(--head);letter-spacing:-.03em;color:var(--text);margin:0 0 14px;}
.cr-hero h1 em{font-style:normal;color:var(--accent);}
.cr-hero p{font:400 14.5px/1.65 var(--sans);color:var(--dim);max-width:560px;margin:0 auto 26px;text-wrap:pretty;}
.cr-input{display:flex;gap:9px;max-width:560px;margin:0 auto;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:8px 8px 8px 16px;box-shadow:var(--sh);}
.cr-input:focus-within{border-color:var(--accent);}
.cr-input input{flex:1;background:none;border:0;outline:0;color:var(--text);font:500 15px var(--mono);min-width:0;}
.cr-input input::placeholder{color:var(--ghost);}
.cr-input .go{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:var(--on-accent);border:0;font:600 13.5px var(--sans);padding:11px 18px;border-radius:calc(var(--r-lg) - 4px);cursor:pointer;white-space:nowrap;}
.cr-input .go:disabled{opacity:.45;cursor:default;}
.cr-once{font:400 12px var(--sans);color:var(--faint);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;}
.cr-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:26px;align-items:start;}
@media(max-width:860px){.cr-cols{grid-template-columns:1fr;}}
.est-card{padding:20px;}
.est-prof{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border-soft);margin-bottom:6px;}
.est-prof .meta b{font:600 15px var(--head);color:var(--text);display:block;}
.est-prof .meta span{font:400 12px var(--mono);color:var(--faint);}
.est-prof .chips{margin-left:auto;display:flex;gap:12px;text-align:right;}
.est-prof .chips .c b{display:block;font:600 14px var(--mono);color:var(--text);}
.est-prof .chips .c span{font:400 10.5px var(--sans);color:var(--faint);}
.fee-rows{display:flex;flex-direction:column;}
.fee-row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-soft);}
.fee-row:last-child{border-bottom:0;}
.fee-row .fr-t{font:500 13px var(--sans);color:var(--text);}
.fee-row .fr-s{font:400 11.5px/1.5 var(--sans);color:var(--faint);margin-top:2px;}
.fee-row .fr-v{margin-left:auto;font:600 13.5px var(--mono);color:var(--text);white-space:nowrap;}
.fee-row.total{border-top:1px solid var(--border);margin-top:2px;padding-top:13px;}
.fee-row.total .fr-t{font-weight:600;}
.fee-row.total .fr-v{font-size:17px;color:var(--accent);}
.fee-row.sub .fr-v,.fee-row.sub .fr-t{color:var(--dim);font-weight:500;}
.rw-pitch{display:flex;gap:11px;background:var(--accent-ghost);border:1px solid var(--accent-dim);border-radius:var(--r);padding:12px 14px;margin:14px 0 4px;}
.rw-pitch .big{font:700 17px var(--mono);color:var(--accent);white-space:nowrap;}
.rw-pitch p{font:400 12px/1.55 var(--sans);color:var(--dim);margin:2px 0 0;}
.cr-pay{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-accent);border:0;font:600 14.5px var(--sans);padding:13px 0;border-radius:var(--r);cursor:pointer;margin-top:12px;}
.cr-pay:disabled{opacity:.5;cursor:default;}
.cr-bal{display:flex;justify-content:center;gap:6px;font:400 12px var(--sans);color:var(--faint);margin-top:9px;}
.cr-bal b{color:var(--text);font-family:var(--mono);}
.pipe{padding:18px 20px;}
.pipe-step{display:flex;gap:12px;padding:11px 0;}
.pipe-step + .pipe-step{border-top:1px solid var(--border-soft);}
.pipe-n{flex:none;width:24px;height:24px;border-radius:8px;background:var(--panel-3);color:var(--dim);font:600 11.5px var(--mono);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.pipe-step b{font:600 13px var(--sans);color:var(--text);display:block;}
.pipe-step p{font:400 11.5px/1.55 var(--sans);color:var(--faint);margin:3px 0 0;}

/* distilling / success panel */
.dst-panel{text-align:center;padding:44px 24px;}
.dst-panel .ring{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 15px var(--mono);color:var(--accent);background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--panel-3) 0);position:relative;}
.dst-panel .ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel);}
.dst-panel .ring span{position:relative;}
.dst-panel h2{font:600 21px var(--head);color:var(--text);margin:0 0 6px;}
.dst-panel p{font:400 13px/1.6 var(--sans);color:var(--dim);margin:0 auto;max-width:420px;}
.dst-log{max-width:430px;margin:20px auto 0;text-align:left;font:400 11.5px/2 var(--mono);color:var(--faint);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);padding:12px 16px;}
.dst-log .ok{color:var(--up);} .dst-log .run{color:var(--amber);}

/* ---------------- modals ---------------- */
.x2-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:80;padding:18px;}
.x2-modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:22px;}
.x2-modal.wide{max-width:560px;}
.x2-mhead{display:flex;align-items:center;gap:11px;margin-bottom:6px;}
.x2-mhead h3{font:600 17px var(--head);color:var(--text);margin:0;}
.x2-mhead .x{margin-left:auto;background:none;border:0;color:var(--faint);cursor:pointer;padding:4px;}
.x2-msub{font:400 12.5px/1.6 var(--sans);color:var(--dim);margin:0 0 14px;}
.x2-note{display:flex;gap:8px;align-items:flex-start;font:400 11.5px/1.55 var(--sans);color:var(--faint);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px 12px;margin-top:12px;}
.x2-danger{color:var(--down);border-color:color-mix(in oklab,var(--down) 35%,var(--border));background:color-mix(in oklab,var(--down) 7%,var(--panel-2));}
.x2-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-accent);border:0;font:600 14px var(--sans);padding:12px 0;border-radius:var(--r);cursor:pointer;margin-top:14px;}
.x2-primary:disabled{opacity:.45;cursor:default;}
.x2-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 10px;}
.x2-amt{border:1px solid var(--border);background:var(--panel-2);border-radius:var(--r);padding:12px 0;text-align:center;font:600 14px var(--mono);color:var(--text);cursor:pointer;}
.x2-amt.on{border-color:var(--accent);background:var(--accent-ghost);color:var(--accent);}
.x2-custom{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--r);padding:10px 13px;background:var(--panel-2);}
.x2-custom input{flex:1;background:none;border:0;outline:0;color:var(--text);font:600 15px var(--mono);}
.x2-slider{width:100%;accent-color:var(--accent);margin:8px 0 4px;}
.x2-feegrid{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px;}
.x2-feeopt{border:1px solid var(--border);background:var(--panel-2);border-radius:999px;padding:7px 14px;font:600 12.5px var(--mono);color:var(--dim);cursor:pointer;}
.x2-feeopt.on{border-color:var(--accent);color:var(--accent);background:var(--accent-ghost);}
.agree{max-height:190px;overflow-y:auto;border:1px solid var(--border-soft);border-radius:var(--r);background:var(--panel-2);padding:13px 15px;font:400 11.5px/1.7 var(--sans);color:var(--dim);margin:8px 0 10px;}
.agree h4{font:600 11px var(--mono);letter-spacing:.08em;color:var(--text);margin:10px 0 4px;text-transform:uppercase;}
.agree h4:first-child{margin-top:0;}
.agree-ck{display:flex;gap:9px;align-items:flex-start;font:400 12.5px/1.5 var(--sans);color:var(--text);cursor:pointer;}
.agree-ck input{margin-top:2px;accent-color:var(--accent);}

/* ---------------- wallet & earnings ---------------- */
.w-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:6px;}
.w-stat{padding:16px 18px;display:flex;flex-direction:column;gap:4px;}
.w-stat .k{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:6px;}
.w-stat .v{font:650 26px var(--mono);letter-spacing:-.02em;color:var(--text);}
.w-stat .s{font:400 11.5px/1.45 var(--sans);color:var(--faint);}
.w-stat .v .u{font-size:14px;color:var(--dim);}
.w-actions{display:flex;gap:8px;margin-top:8px;}
.ledger{display:flex;flex-direction:column;}
.lg-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border-soft);}
.lg-ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;}
.lg-main{flex:1;min-width:0;}
.lg-t{font:500 13px var(--sans);color:var(--text);display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.lg-s{font:400 11.5px var(--sans);color:var(--faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lg-amt{font:600 13.5px var(--mono);white-space:nowrap;}
.lg-amt.pos{color:var(--up);} .lg-amt.neg{color:var(--text);}
.lg-ts{font:400 11px var(--mono);color:var(--ghost);white-space:nowrap;}
.lg-tag{font:500 9.5px var(--mono);letter-spacing:.06em;border:1px solid var(--border);border-radius:5px;padding:1.5px 6px;color:var(--faint);text-transform:uppercase;}
.lg-tag.gift{color:var(--accent);border-color:var(--accent-dim);}
.lg-parts{display:flex;gap:10px;font:400 10.5px var(--mono);color:var(--faint);margin-top:3px;flex-wrap:wrap;}
.stream{padding:16px 18px;display:flex;flex-direction:column;gap:10px;}
.stream-top{display:flex;align-items:center;gap:10px;}
.stream-top .nm{font:600 14px var(--head);color:var(--text);}
.stream-top .st{margin-left:auto;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;}
.stream-nums{display:flex;align-items:baseline;gap:8px;}
.stream-nums .cur{font:650 22px var(--mono);color:var(--text);}
.stream-nums .cap{font:400 12px var(--mono);color:var(--faint);}
.stream-nums .pct{margin-left:auto;font:600 12px var(--mono);color:var(--accent);}

/* ---------------- chat billing line ---------------- */
.bill-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font:400 11.5px var(--mono);color:var(--faint);margin-top:10px;padding-top:9px;border-top:1px dashed var(--border-soft);}
.bill-line .tot{font-weight:650;color:var(--text);}
.bill-line .exp{background:none;border:0;color:var(--accent);font:500 11px var(--sans);cursor:pointer;padding:0;}
.bill-parts{width:100%;display:flex;flex-direction:column;gap:5px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px 12px;margin-top:6px;}
.bp-row{display:flex;align-items:baseline;gap:8px;font:400 11.5px var(--sans);color:var(--dim);}
.bp-row .v{margin-left:auto;font:600 11.5px var(--mono);color:var(--text);}
.bp-row .to{color:var(--faint);font-size:10.5px;}

/* ---------------- admin ---------------- */
.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px;}
.ad-table{width:100%;border-collapse:collapse;font:400 12.5px var(--sans);}
.ad-table th{font:600 10.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);}
.ad-table td{padding:11px 10px;border-bottom:1px solid var(--border-soft);color:var(--dim);vertical-align:top;}
.ad-table td b{color:var(--text);font-weight:600;}
.ad-st{display:inline-flex;align-items:center;gap:5px;font:500 11px var(--mono);border-radius:999px;padding:3px 9px;border:1px solid var(--border);}
.ad-st.ban{color:var(--down);border-color:color-mix(in oklab,var(--down) 45%,var(--border));}
.ad-st.rev{color:var(--amber);border-color:color-mix(in oklab,var(--amber) 45%,var(--border));}
.ad-st.won{color:var(--up);border-color:color-mix(in oklab,var(--up) 45%,var(--border));}
.ad-ev{margin:6px 0 0;padding:0 0 0 16px;font:400 11px/1.7 var(--mono);color:var(--faint);}
.ad-policy{padding:16px 18px;display:flex;flex-direction:column;gap:9px;font:400 12.5px/1.6 var(--sans);color:var(--dim);}
.ad-policy .li{display:flex;gap:9px;}
.ad-policy .li i{flex:none;margin-top:6px;width:5px;height:5px;border-radius:50%;background:var(--accent);}

/* ---------------- shell additions ---------------- */
.side-nav2{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px;}
.nav2{display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:var(--r-sm);color:var(--dim);font:500 13px var(--sans);padding:8px 9px;cursor:pointer;text-align:left;}
.nav2:hover{background:var(--panel-2);color:var(--text);}
.nav2.on{background:var(--accent-ghost);color:var(--accent);}
.nav2 .n2-badge{margin-left:auto;font:600 10px var(--mono);color:var(--accent);}
.topbal{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 12px;font:600 12.5px var(--mono);color:var(--text);cursor:pointer;}
.topbal:hover{border-color:var(--border-strong);}
.topbal .plus{color:var(--accent);font-weight:700;}
@media(max-width:760px){.v2-page{padding:16px 14px 90px;}.cr-hero h1{font-size:30px;}.x2-amounts{grid-template-columns:repeat(2,1fr);}}