/* P2P Frontend v2 — clean trading dashboard */
#cm-p2p-v{padding-top:0}
.p2v{--p2-bg:#07090d;--p2-card:#0b0e14;--p2-card2:#0e1219;--p2-line:rgba(255,255,255,.075);--p2-soft:rgba(255,255,255,.045);--p2-text:#eef2f7;--p2-muted:#7f8998;--p2-dim:#596271;--p2-buy:#20d49a;--p2-sell:#ff6077;--p2-accent:#f0b90b;--p2-blue:#65a7ff;color:var(--p2-text);font-variant-numeric:tabular-nums;padding:14px 6px 26px}
.p2v *{box-sizing:border-box}
.p2v button,.p2v input{font:inherit}
.p2v-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 12px;padding:0 2px}
.p2v-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--p2-muted);font-weight:800}
.p2v-title{margin:4px 0 0;font-size:21px;letter-spacing:-.025em;font-weight:750}
.p2v-sub{margin:5px 0 0;color:var(--p2-muted);font-size:11.5px;line-height:1.5}
.p2v-live{display:flex;align-items:center;gap:7px;min-height:26px;padding:5px 9px;border:1px solid var(--p2-line);border-radius:0;background:rgba(255,255,255,.025);font-size:10.5px;font-weight:750;white-space:nowrap;color:var(--p2-muted)}
.p2v-live-dot{width:7px;height:7px;border-radius:50%;background:var(--p2-dim);box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.p2v-live.live .p2v-live-dot{background:var(--p2-buy);box-shadow:0 0 0 3px rgba(32,212,154,.09)}
.p2v-live.canonical .p2v-live-dot{background:var(--p2-blue);box-shadow:0 0 0 3px rgba(101,167,255,.09)}
.p2v-live.snapshot .p2v-live-dot,.p2v-live.stale .p2v-live-dot{background:var(--p2-accent)}
.p2v-live.unavailable .p2v-live-dot{background:var(--p2-sell)}
.p2v-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--p2-line);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));margin-bottom:10px}
.p2v-control-group{display:flex;align-items:center;gap:6px}
.p2v-control-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--p2-muted);font-weight:800;margin-right:2px}
.p2v-seg{display:flex;gap:3px;padding:3px;border:1px solid var(--p2-line);border-radius:0;background:#080b10}
.p2v-seg-btn,.p2v-chip,.p2v-range-btn,.p2v-tab-btn{appearance:none;border:0;background:transparent;color:var(--p2-muted);cursor:pointer;transition:.16s ease}
.p2v-seg-btn{padding:6px 12px;border-radius:0;font-size:10.5px;font-weight:800}
.p2v-seg-btn:hover,.p2v-range-btn:hover,.p2v-tab-btn:hover{color:var(--p2-text)}
.p2v-seg-btn.active{background:rgba(240,185,11,.13);color:var(--p2-accent);box-shadow:inset 0 0 0 1px rgba(240,185,11,.18)}
.p2v-amounts{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.p2v-chip{padding:6px 10px;border:1px solid var(--p2-line);border-radius:0;font-size:10px;font-weight:800}
.p2v-chip.active{color:var(--p2-accent);border-color:rgba(240,185,11,.3);background:rgba(240,185,11,.09)}
.p2v-custom{width:118px;border:1px solid var(--p2-line);border-radius:0;background:#080b10;color:var(--p2-text);padding:6px 9px;font-size:10.5px;outline:none}
.p2v-custom:focus{border-color:rgba(240,185,11,.4)}
.p2v-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);border:1px solid var(--p2-line);border-radius:0;overflow:hidden;background:var(--p2-card);box-shadow:0 18px 55px rgba(0,0,0,.16);margin-bottom:10px}
.p2v-quote{padding:19px 22px;min-height:132px;display:flex;flex-direction:column;justify-content:center}
.p2v-quote.sell{text-align:right;align-items:flex-end}
.p2v-q-label{display:flex;align-items:center;gap:7px;color:var(--p2-muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.p2v-quote.sell .p2v-q-label{flex-direction:row-reverse}
.p2v-q-price{font-size:32px;line-height:1.12;letter-spacing:-.035em;font-weight:650;margin:7px 0 5px}
.p2v-quote.buy .p2v-q-price{color:var(--p2-buy)}
.p2v-quote.sell .p2v-q-price{color:var(--p2-sell)}
.p2v-q-meta{font-size:10.5px;color:var(--p2-muted);line-height:1.5}
.p2v-q-detail{margin-top:6px;font-size:10px;color:var(--p2-dim)}
.p2v-hero-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--p2-line);border-right:1px solid var(--p2-line);background:#080a0f;text-align:center;padding:12px}
.p2v-pair{font-size:10px;color:var(--p2-muted);font-weight:850;letter-spacing:.1em}
.p2v-spread{font-size:19px;color:var(--p2-accent);font-weight:750;margin:8px 0 3px}
.p2v-spread-label{font-size:9px;color:var(--p2-dim);text-transform:uppercase;letter-spacing:.08em}
.p2v-state-badge{display:inline-flex;align-items:center;gap:5px;border-radius:0;padding:4px 7px;margin-top:8px;font-size:8.5px;font-weight:850;letter-spacing:.055em;border:1px solid var(--p2-line);color:var(--p2-muted)}
.p2v-state-badge.live{color:var(--p2-buy);border-color:rgba(32,212,154,.22);background:rgba(32,212,154,.055)}
.p2v-state-badge.canonical{color:var(--p2-blue);border-color:rgba(101,167,255,.24);background:rgba(101,167,255,.06)}
.p2v-state-badge.snapshot,.p2v-state-badge.stale,.p2v-state-badge.live-top{color:var(--p2-accent);border-color:rgba(240,185,11,.24);background:rgba(240,185,11,.055)}
.p2v-state-badge.unavailable{color:var(--p2-sell);border-color:rgba(255,96,119,.22);background:rgba(255,96,119,.05)}
.p2v-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.p2v-kpi{border:1px solid var(--p2-line);background:rgba(255,255,255,.018);border-radius:0;padding:10px 12px;min-height:61px}
.p2v-kpi-label{display:block;color:var(--p2-dim);font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.p2v-kpi-value{display:block;margin-top:5px;font-size:14px;font-weight:760;color:var(--p2-text)}
.p2v-kpi-note{display:block;margin-top:2px;font-size:9.5px;color:var(--p2-muted)}
.p2v-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.82fr);gap:10px;margin-bottom:10px}
.p2v-card{border:1px solid var(--p2-line);background:var(--p2-card);border-radius:0;overflow:hidden}
.p2v-context-card{display:flex;flex-direction:column;align-self:stretch;height:auto}
.p2v-card-head{min-height:48px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--p2-line)}
.p2v-card-title{font-size:11px;font-weight:850;letter-spacing:.035em}
.p2v-card-sub{display:block;color:var(--p2-dim);font-size:9.5px;font-weight:500;margin-top:3px}
.p2v-ranges{display:flex;gap:3px}
.p2v-layerbar{display:flex;align-items:center;gap:5px;min-height:34px;padding:7px 12px;border-bottom:1px solid var(--p2-line);background:rgba(255,255,255,.012);overflow-x:auto}
.p2v-layer-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--p2-dim);font-weight:850;margin-right:2px;white-space:nowrap}
.p2v-layer-spacer{flex:1;min-width:10px}
.p2v-layer-btn{appearance:none;border:1px solid var(--p2-line);background:transparent;color:var(--p2-muted);border-radius:0;padding:4px 8px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.p2v-layer-btn.active{color:var(--p2-text);background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}
.p2v-range-btn{padding:5px 8px;border-radius:0;font-size:9.5px;font-weight:800}
.p2v-range-btn.active{background:rgba(255,255,255,.07);color:var(--p2-text)}
.p2v-chart{min-height:320px;padding:8px 8px 4px}
.p2v-chart-empty{display:flex;min-height:260px;align-items:center;justify-content:center;color:var(--p2-muted);font-size:11px}
.p2v-depth{border-top:1px solid var(--p2-line);padding:10px 13px 12px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.022))}
.p2v-depth-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.p2v-depth-title{font-size:9.5px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:var(--p2-text)}
.p2v-depth-time{font-size:8.8px;color:var(--p2-dim);white-space:nowrap}
.p2v-depth-grid{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:12px;align-items:center}
.p2v-depth-side{min-width:0}
.p2v-depth-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:var(--p2-muted);margin-bottom:5px}
.p2v-depth-meta strong{font-size:10.5px;color:var(--p2-text);font-weight:750;white-space:nowrap}
.p2v-depth-track{height:7px;border-radius:0;background:rgba(255,255,255,.05);overflow:hidden}
.p2v-depth-fill{display:block;height:100%;border-radius:0;min-width:2px;transition:width .25s ease}
.p2v-depth-fill.buy{background:linear-gradient(90deg,rgba(32,212,154,.35),var(--p2-buy))}
.p2v-depth-fill.sell{background:linear-gradient(90deg,var(--p2-sell),rgba(255,96,119,.35));margin-left:auto}
.p2v-depth-balance{text-align:center;padding:4px 8px;border-left:1px solid var(--p2-line);border-right:1px solid var(--p2-line)}
.p2v-depth-balance-label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.065em;color:var(--p2-dim)}
.p2v-depth-balance strong{display:block;margin-top:3px;font-size:12px;color:var(--p2-accent);font-weight:800}
.p2v-context{padding:4px 14px 12px;display:flex;flex-direction:column;flex:1}
.p2v-context-group{padding:10px 0;border-bottom:1px solid var(--p2-line)}
.p2v-context-group:last-child{border-bottom:0}
.p2v-context-session{flex:1}
.p2v-row-stack{grid-template-columns:1fr;align-items:start;gap:3px;padding:4px 0}
.p2v-row-stack .p2v-row-value{font-size:9.7px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.p2v-context-title{font-size:9px;text-transform:uppercase;letter-spacing:.075em;color:var(--p2-dim);font-weight:850;margin-bottom:5px}
.p2v-row{display:grid;grid-template-columns:minmax(70px,1fr) auto auto;align-items:center;gap:8px;min-height:31px;font-size:10.5px}
.p2v-row-name{color:var(--p2-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p2v-row-buy{color:var(--p2-buy);font-weight:700}
.p2v-row-sell{color:var(--p2-sell);font-weight:700}
.p2v-row-single{grid-template-columns:1fr auto}
.p2v-row-value{font-weight:700;color:var(--p2-text)}
.p2v-secondary{border:1px solid var(--p2-line);background:var(--p2-card);border-radius:0;overflow:hidden}
.p2v-tabs{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid var(--p2-line);overflow:auto}
.p2v-tab-btn{padding:7px 10px;border-radius:0;font-size:10px;font-weight:800;white-space:nowrap}
.p2v-tab-btn.active{background:rgba(255,255,255,.065);color:var(--p2-text)}
.p2v-panel{display:none;padding:12px 14px}
.p2v-panel.active{display:block}
.p2v-table{width:100%;border-collapse:collapse}
.p2v-table th{padding:8px 9px;border-bottom:1px solid var(--p2-line);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--p2-dim);font-weight:850;text-align:right}
.p2v-table th:first-child{text-align:left}
.p2v-table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.045);font-size:10.5px;color:var(--p2-muted);text-align:right}
.p2v-table td:first-child{text-align:left;color:var(--p2-text);font-weight:650}
.p2v-table tr:last-child td{border-bottom:0}
.p2v-empty{padding:22px 8px;text-align:center;color:var(--p2-muted);font-size:10.5px}
.p2v-liq{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.p2v-liq-chart{min-height:190px;margin-top:4px}
.p2v-chart-empty-small{min-height:170px}
.p2v-liq-stat{padding:12px;border:1px solid var(--p2-line);border-radius:0;background:var(--p2-soft)}
.p2v-liq-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--p2-dim);font-weight:800}
.p2v-liq-value{display:block;margin-top:5px;font-size:14px;font-weight:750}
.p2v-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.p2v-ad{border:1px solid var(--p2-line);border-radius:0;background:var(--p2-soft);padding:10px}
.p2v-ad-top{display:flex;justify-content:space-between;gap:10px;font-size:10.5px}
.p2v-ad-price{color:var(--p2-buy);font-weight:800}
.p2v-ad-range,.p2v-ad-pay,.p2v-ad-merchant{margin-top:4px;font-size:9.5px;color:var(--p2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p2v-alert{display:none;margin-bottom:10px;padding:9px 11px;border:1px solid rgba(240,185,11,.17);background:rgba(240,185,11,.045);border-radius:0;font-size:10px;line-height:1.5;color:#b8a56d}
.p2v-alert.show{display:block}
.p2v-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.035)}
.p2v-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:p2v-shimmer 1.35s infinite}
@keyframes p2v-shimmer{100%{transform:translateX(100%)}}
@media(max-width:900px){.p2v-main{grid-template-columns:1fr}.p2v-context-card{order:2}.p2v-chart{min-height:290px}}
@media(max-width:640px){.p2v{padding-left:2px;padding-right:2px}.p2v-top{align-items:center}.p2v-sub{display:none}.p2v-title{font-size:18px}.p2v-toolbar{padding:9px}.p2v-control-group{width:100%;justify-content:space-between}.p2v-amounts{flex:1}.p2v-hero{grid-template-columns:1fr 1fr}.p2v-hero-mid{grid-column:1/-1;grid-row:2;border-left:0;border-right:0;border-top:1px solid var(--p2-line);padding:9px;flex-direction:row;gap:10px}.p2v-quote{padding:15px 13px;min-height:116px}.p2v-q-price{font-size:24px}.p2v-decisions{grid-template-columns:1fr}.p2v-kpi{min-height:0}.p2v-card-head{align-items:flex-start;flex-direction:column}.p2v-ranges{width:100%;justify-content:space-between}.p2v-range-btn{flex:1}.p2v-layerbar{padding:7px 9px}.p2v-chart{min-height:330px}.p2v-depth-head{align-items:flex-start}.p2v-depth-grid{grid-template-columns:1fr}.p2v-liq{grid-template-columns:1fr}.p2v-ads{grid-template-columns:1fr}}