/* ROOTA Market — Level 3 page CSS. market.js 에서 옮겨 온 legacy 규칙(토큰화). Control Tower 는 다음 릴리스. */
#marketRoot{font-family:'Pretendard Variable',sans-serif;color:var(--ink)}
.m-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.m-nav a{font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink2);cursor:pointer;text-decoration:none}.m-nav a.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.m-agg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.m-ag{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px}.m-ag h3{margin:0 0 6px;font-size:16px;font-weight:800}.m-ag .m-kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12.5px;margin:8px 0}.m-ag .m-kv i{font-style:normal;color:var(--ink3);display:block;font-size:11px;font-weight:700}.m-ag .m-kv b{font-size:15px}
.m-sup{border-top:1px solid var(--line2);padding:8px 0;font-size:12.5px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center}
.m-round{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line2);font-size:13px}.m-round .who{flex:none;width:64px;font-weight:800;color:var(--ink3);font-size:12px}.m-round.buyer .who{color:var(--down)}.m-round.seller .who{color:var(--positive)}
.m-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}@media(max-width:700px){.m-form{grid-template-columns:1fr 1fr}}.m-form label{font-size:11px;font-weight:800;color:var(--ink3);display:block;margin-bottom:3px}.m-form input,.m-form select{font:inherit;font-size:13px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius-md);width:100%;box-sizing:border-box;background:var(--card);color:var(--ink)}
.m-reveal{margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--positive-soft);border:1px solid color-mix(in srgb,var(--positive) 35%,transparent);font-size:13px}.m-reveal b{display:block;margin-bottom:3px}
.m-reasons{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:var(--ink2);line-height:1.6}.m-score{font-size:22px;font-weight:800}
.m-notice{font-size:11.5px;color:var(--ink4);margin-top:10px;line-height:1.6;word-break:keep-all}

/* ══════════ UI2 — 유통 운영(Control Tower) · 대신 등록 · 수수료 (2026-09) — 배치만, 값은 토큰 ══════════ */
#marketRoot .ct .c-sh:first-child{margin-top:var(--space-3)}
#marketRoot .ct .c-bigtabs{margin-top:var(--space-3)}
#marketRoot .ct-kpi .c-metrics{border-bottom:none;padding:var(--space-2) 0 0;gap:var(--space-3) var(--space-5)}
#marketRoot .ct-kpi .c-metrics>.c-metric{padding-right:var(--space-5)}
#marketRoot .ct-kpi .c-sh{margin-top:0}
#marketRoot .ct .c-funnel{margin-bottom:var(--space-2)}
#marketRoot .ct-more{margin:var(--space-3) 0}
#marketRoot .ct-more>summary{cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);padding:var(--space-2) 0;list-style:none}
#marketRoot .ct-more>summary::before{content:"▸ ";color:var(--text-faint)} #marketRoot .ct-more[open]>summary::before{content:"▾ "}
#marketRoot .c-surface .m-form{margin-top:0}
#marketRoot .c-surface .m-form label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}
#marketRoot .c-surface .m-form input,#marketRoot .c-surface .m-form select,#marketRoot #feeForm input,#marketRoot #feeForm select{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-sm);padding:7px var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary)}
#marketRoot #feeForm{margin-top:var(--space-3)}
#marketRoot .c-calls .c-call-a .c-btn{white-space:nowrap}
#marketRoot .m-nav a.on{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}
@media(max-width:900px){#marketRoot .ct-kpi>*{grid-column:1/-1!important}}