/* EX-V2-R1 (2026-10-09): Exchanges page v2 — dashboard-style stat cards + square venue boxes. Additive; scoped to .omaxExV2. */
.omaxExV2{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.omaxExV2 .oxvStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.omaxExV2 .oxvStat{cursor:pointer;opacity:.8;min-width:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;transition:border-color .28s ease,box-shadow .28s ease,opacity .28s ease!important}
.omaxExV2 .oxvStat:focus-visible{opacity:1}
/* EX-V2-R2: selected = same 1px border as dashboard cards, tinted with the active theme accent + subtle glow */
#omaxFinalContent .omaxExV2 .oxvStat.sel{opacity:1;border-color:color-mix(in srgb,var(--omax-t3,#24dfff) 58%,transparent)!important;box-shadow:inset 0 1px #ffffff0f,0 0 14px color-mix(in srgb,var(--omax-t3,#24dfff) 16%,transparent),inset 0 0 14px color-mix(in srgb,var(--omax-t3,#24dfff) 5%,transparent),0 7px 19px #00000042!important}
@media (prefers-reduced-motion:reduce){.omaxExV2 .oxvStat{transition:none!important}}
#omaxFinalContent .omaxExV2 .oxvStat .metricIcon{flex:none;width:26px!important;height:26px!important;border-radius:9px!important;position:relative;z-index:3}
#omaxFinalContent .omaxExV2 .oxvStat .metricIcon svg{width:13px!important;height:13px!important;display:block;fill:none;stroke:currentColor}
#omaxFinalContent .omaxExV2 .oxvStat .metricCopy{min-width:0!important;flex:1 1 auto;overflow:hidden}
#omaxFinalContent .omaxExV2 .oxvStat .metricCopy>span{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#omaxFinalContent .omaxExV2 .oxvStat .valueRow strong{font-size:15px!important;line-height:1.1!important;font-weight:700}
#omaxFinalContent .omaxExV2 .oxvStat .metricCopy small{font-size:6.5px!important;margin-top:3px!important;max-width:100%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-exchange-grid,#omaxFinalContent .omaxExV2 .omax-exchange-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;padding:8px 6px!important;gap:6px!important;overflow:hidden}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard img{width:30px!important;height:30px!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard .nm{font-size:11px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard .st{font-size:9.5px!important;max-width:100%;white-space:nowrap;overflow:hidden}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvNc img{filter:none!important;opacity:.92!important}
.omaxExV2 .oxvEmpty{font-size:12px;color:#7f9db5;padding:22px 14px;text-align:center;border-radius:14px;border:1px dashed color-mix(in srgb,var(--omax-t3,#24dfff) 22%,transparent);background:rgba(3,13,27,.45)}
html[dir="rtl"] #omaxFinalContent .omaxExV2 .oxvStat .metricCopy small{text-align:right}
@media(min-width:761px){
  .omaxExV2{max-width:none;width:100%}
  .omaxExV2 .oxvStats{gap:10px}
  #omaxFinalContent .omaxExV2 .oxvStat .metricIcon{width:28px!important;height:28px!important;border-radius:12px!important}
  #omaxFinalContent .omaxExV2 .oxvStat .metricIcon svg{width:15px!important;height:15px!important}
  #omaxFinalContent .omaxExV2 .oxvStat .metricCopy>span{font-size:9px!important}
  #omaxFinalContent .omaxExV2 .oxvStat .valueRow strong{font-size:17px!important}
  #omaxFinalContent .omaxExV2 .oxvStat .metricCopy small{font-size:7.5px!important}
  html.omax-final-page #omaxFinalContent .omaxExV2 .omax-exchange-grid{gap:12px!important}
  html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard{gap:9px!important}
  html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard img{width:44px!important;height:44px!important}
  html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard .nm{font-size:14px!important}
  html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard .st{font-size:11.5px!important}
}
/* EX-V2-R2: not-yet-enabled venues ("Coming soon") */
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvSoon{opacity:.6!important;cursor:default!important;box-shadow:none!important;border-color:rgba(127,154,178,.28)!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvSoon img{filter:grayscale(1) saturate(0) brightness(.8)!important;opacity:.75!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvSoon .st{color:#7f9ab2!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvSoon .dot{background:#56677d!important}
html .omaxExV2 .omax-xcard.oxvSoon:active,html .omaxExV2 .omax-xcard.oxvSoon.omax-press{transform:none!important}

/* V22-R1 (owner layout): every tab = 4 columns of square cards (12 venues -> 3 rows x 4), all screen sizes. */
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-exchange-grid,#omaxFinalContent .omaxExV2 .omax-exchange-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:420px){html.omax-final-page #omaxFinalContent .omaxExV2 .omax-exchange-grid,#omaxFinalContent .omaxExV2 .omax-exchange-grid{gap:6px!important}html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard{padding:6px 4px!important}html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard .nm{font-size:11px!important}}

/* IDLE-CAT-R1: idle catalog tiles stay bright and carry no status line. */
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvIdle{opacity:1!important;cursor:default!important}
html.omax-final-page #omaxFinalContent .omaxExV2 .omax-xcard.oxvIdle img{filter:none!important;opacity:.92!important}
html .omaxExV2 .omax-xcard.oxvIdle:active,html .omaxExV2 .omax-xcard.oxvIdle.omax-press{transform:none!important}
