/* page-marketplace.css — Strategy marketplace page (redesign 2026-09). Ported from
   docs/redesign-mockups/marketplace-mockup.html. Scoped under .mk-page (added on the
   root, matching .st-page/.cmp-page/.px-page convention). Real-data page — see
   page-marketplace.js for data sourcing; plan-gating (hasFeature/planWall) and auth
   (openAuth/me/sb) live in app.js and are called, not duplicated. .pill/.card/.seg/
   .ttabs/.ttab/.tpanel/.tgrid/.tknote/.tnote/.ph-in/.scr-chip/.empty classes below are
   global — used as-is, not redeclared. */

body[data-theme=gemini] #view .mk-page .up{color:var(--up)}
body[data-theme=gemini] #view .mk-page .dn{color:var(--dn)}
body[data-theme=gemini] #view .mk-page .mut{color:var(--ink3)}
body[data-theme=gemini] #view .mk-page .mc-unk{color:var(--ink3);font-style:italic}

/* hero stat strip */
body[data-theme=gemini] #view .mk-page .mkt-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;border-top:1px solid var(--today-rule);border-inline-start:1px solid var(--today-rule);margin-bottom:14px}
body[data-theme=gemini] #view .mk-page .mkt-stat{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-bottom:1px solid var(--today-rule);border-inline-end:1px solid var(--today-rule)}
body[data-theme=gemini] #view .mk-page .mkt-stat b{font-size:18px;font-weight:600;color:var(--ink1);font-variant-numeric:tabular-nums}
body[data-theme=gemini] #view .mk-page .mkt-stat span{font-size:10px;color:var(--ink3)}

/* histogram + scatter map */
body[data-theme=gemini] #view .mk-page .mkt-hist,
body[data-theme=gemini] #view .mk-page .mkt-map{display:block;width:100%;height:auto;overflow:visible}
body[data-theme=gemini] #view .mk-page .mkt-hbar.up{fill:color-mix(in srgb, var(--up) 55%, transparent)}
body[data-theme=gemini] #view .mk-page .mkt-hbar.dn{fill:color-mix(in srgb, var(--dn) 55%, transparent)}
body[data-theme=gemini] #view .mk-page .mkt-hbar.mut{fill:var(--ink3)}
body[data-theme=gemini] #view .mk-page .mkt-haxis{fill:var(--ink3);font-size:9px}
body[data-theme=gemini] #view .mk-page .mkt-axis0{stroke:var(--today-rule);stroke-width:1}
body[data-theme=gemini] #view .mk-page .mkt-dot.up{fill:var(--up);fill-opacity:.7}
body[data-theme=gemini] #view .mk-page .mkt-dot.dn{fill:var(--dn);fill-opacity:.7}

/* strategy cards, both desk library and community */
body[data-theme=gemini] #view .mk-page .mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;border-top:1px solid var(--today-rule);border-inline-start:1px solid var(--today-rule)}
body[data-theme=gemini] #view .mk-page .mkt-card{border-radius:0;border-bottom:1px solid var(--today-rule);border-inline-end:1px solid var(--today-rule);display:flex;flex-direction:column;gap:8px;min-width:0}
body[data-theme=gemini] #view .mk-page .mkt-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
body[data-theme=gemini] #view .mk-page .mkt-top b{font-size:12.5px;font-weight:600;color:var(--ink1)}
body[data-theme=gemini] #view .mk-page .mkt-spec{display:flex;flex-wrap:wrap;gap:6px}
body[data-theme=gemini] #view .mk-page .mkt-meta{font-size:10px}
body[data-theme=gemini] #view .mk-page .mkt-bt{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--ink2)}
body[data-theme=gemini] #view .mk-page .mkt-bt-pending{font-size:10px;color:var(--ink3);font-style:italic}

/* build tab — rule editor */
body[data-theme=gemini] #view .mk-page .mkt-rules{display:flex;flex-direction:column;gap:8px}
body[data-theme=gemini] #view .mk-page .mkt-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 28px;gap:8px;align-items:center}
body[data-theme=gemini] #view .mk-page .mkt-rule select,
body[data-theme=gemini] #view .mk-page .mkt-rule input{width:100%;min-width:0;font:inherit;background:var(--paper);color:var(--ink1);border:1px solid var(--today-rule);padding:6px 8px;font-size:11px}
body[data-theme=gemini] #view .mk-page .mkt-between{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body[data-theme=gemini] #view .mk-page .mkt-x{background:transparent;border:1px solid var(--today-rule);color:var(--ink3);cursor:pointer;font:inherit;line-height:1;padding:6px 0}
body[data-theme=gemini] #view .mk-page .mkt-x:hover{color:var(--dn);border-color:var(--dn)}

@media (max-width:620px){
  body[data-theme=gemini] #view .mk-page .mkt-rule{grid-template-columns:1fr}
  body[data-theme=gemini] #view .mk-page .mkt-between{grid-template-columns:1fr 1fr}
}