/* PAIRED — pairs screen enrichments. Loaded after app.css. v0.1.0 */

/* market header */
.pr-market{margin-top:14px;padding:22px 26px;border:1px solid rgba(255,255,255,.06);border-radius:24px;background:#0f110f}
.pr-market-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.pr-market-id{display:flex;align-items:center;gap:13px;min-width:0}
.pr-market-id img{flex:0 0 34px;width:34px;height:34px;object-fit:contain;border-radius:50%;background:#171a17}
.pr-market-id img.inv{filter:invert(1);border-radius:0;background:none}
.pr-market-id strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em}
.pr-market-id small{display:block;margin-top:3px;color:rgba(255,255,255,.4);font-size:11px}
.pr-stamp{color:rgba(255,255,255,.35);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.pr-stamp a{color:rgba(255,255,255,.5);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.15)}
.pr-stamp a:hover{color:#fff}
.pr-stamp b{color:#00C805;font-weight:600}
.pr-stamp b:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#00C805;box-shadow:0 0 0 3px rgba(0,200,5,.16);vertical-align:middle}

.pr-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}
.pr-stat{padding:14px 16px;border-radius:14px;background:#171a17}
.pr-stat span{display:block;color:rgba(255,255,255,.4);font-size:10px}
.pr-stat strong{display:block;margin-top:7px;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pr-stat small{display:block;margin-top:3px;color:rgba(255,255,255,.32);font-size:10px}
.pr-stat--accent strong{color:#00C805}
.pr-stat--coin strong{color:#ffc857}

/* on-chain pools */
.pr-pools{margin-top:10px}
.pr-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:26px 0 12px}
.pr-head h2{margin:0;font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:-.03em}
.pr-head span{color:rgba(255,255,255,.38);font-size:11px}
.pr-pool-list{display:grid;gap:6px}
.pr-pool{display:grid;grid-template-columns:minmax(0,1fr) 88px 112px 100px 18px;align-items:center;gap:14px;padding:13px 18px;border-radius:14px;background:#0f110f;color:#fff;text-decoration:none;transition:background-color .16s ease}
.pr-pool:hover{background:#141714}
.pr-pool-id{display:flex;align-items:center;gap:10px;min-width:0}
.pr-pool-id img{flex:0 0 22px;width:22px;height:22px;object-fit:contain;border-radius:50%;background:#171a17}
.pr-pool-id strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-pool-id small{display:block;margin-top:2px;color:rgba(255,255,255,.36);font-size:10px}
.pr-kind{display:inline-block;padding:3px 7px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.07);color:rgba(255,255,255,.6)}
.pr-kind.k-coin{background:rgba(255,176,0,.16);color:#ffc857}
.pr-kind.k-v4{background:rgba(0,200,5,.16);color:#5ee46b}
.pr-pool-pct{color:#00C805;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.pr-pool-bal,.pr-pool-addr{color:rgba(255,255,255,.6);font-size:12px;font-variant-numeric:tabular-nums}
.pr-pool-addr{color:rgba(255,255,255,.35);font-size:11px;white-space:nowrap}
.pr-pool svg{width:14px;fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* sortable offer headers */
.oa-offer-row--head [role=columnheader].pr-sortable{cursor:pointer;user-select:none;transition:color .16s ease}
.oa-offer-row--head [role=columnheader].pr-sortable:hover{color:#fff}
.oa-offer-row--head [role=columnheader].pr-sortable:after{content:"↕";margin-left:5px;opacity:.35;font-size:9px}
.oa-offer-row--head [role=columnheader].is-asc:after{content:"↑";opacity:1;color:#00C805}
.oa-offer-row--head [role=columnheader].is-desc:after{content:"↓";opacity:1;color:#00C805}

/* ticket extras */
.pr-ticket-extra{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(0,200,5,.06);border:1px solid rgba(0,200,5,.16)}
.pr-ticket-extra div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pr-ticket-extra div+div{margin-top:8px}
.pr-ticket-extra dt{color:rgba(255,255,255,.5);font-size:11px}
.pr-ticket-extra dd{margin:0;color:#fff;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}

@media (max-width:900px){
  .pr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pr-pool{grid-template-columns:minmax(0,1fr) 80px 96px 18px}
  .pr-pool-addr{display:none}
}
@media (max-width:620px){
  .pr-market{padding:18px}
  .pr-stats{grid-template-columns:1fr 1fr;gap:6px}
  .pr-pool{grid-template-columns:minmax(0,1fr) 74px 18px;gap:10px;padding:12px 14px}
  .pr-pool-bal{display:none}
}