/* av-mc.css — Market Call (market-call.html). Loaded after av-bj.css (shared layout, chip row, main button, log). Shell tokens and Inter only. */
#mc-table{width:min(100%,760px);margin:auto 0;display:flex;flex-direction:column;gap:12px}
.mc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mc-tf{display:flex;gap:6px}
.mc-tf .av-chip{background:var(--av-raised);color:var(--av-text);font-weight:600;font-size:13px;min-height:34px;padding:0 16px}
.mc-tf .av-chip.is-on{background:var(--av-accent-bg);color:var(--av-accent-soft);outline:2px solid var(--av-accent)}
.mc-tf .av-chip:disabled{opacity:.45;cursor:default}
.mc-sub{font-size:13px;color:var(--av-muted)}
.mc-chartbox{position:relative;height:clamp(250px,46vh,520px);background:var(--av-panel);border-radius:var(--av-rc);overflow:hidden}
.mc-chart{position:absolute;inset:44px 12px 12px}
.mc-live{position:absolute;left:12px;top:10px;display:none;gap:6px;flex-wrap:wrap}
.mc-live.on{display:flex}
.mc-live span{font-size:13px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--av-raised);color:var(--av-text)}
.mc-live span b{color:var(--av-white);font-weight:700;margin-left:4px}
.mc-live span.w{background:var(--av-win-bg)}.mc-live span.w b{color:var(--av-win)}.mc-live span.l{background:var(--av-loss-bg)}.mc-live span.l b{color:var(--av-loss)}
.mc-count{position:absolute;right:12px;top:10px;display:none;font-size:12px;font-weight:600;color:var(--av-muted)}
.mc-count.on{display:block}
.mc-verdict{min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:18px;font-weight:700;color:var(--av-muted);text-align:center}
.mc-verdict .vr{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--av-white)}
.mc-verdict .vr.sub{font-size:15px;color:var(--av-text)}
.mc-verdict .pill{font-size:.8em;font-weight:700;padding:3px 12px;border-radius:999px;background:var(--av-raised);color:var(--av-white)}
.mc-verdict .pill.w{background:var(--av-win-bg);color:var(--av-win)}.mc-verdict .pill.l{background:var(--av-loss-bg);color:var(--av-loss)}
.mc-verdict .net{font-size:13px;font-weight:600;color:var(--av-muted)}
.mc-verdict small{font-size:13px;font-weight:600;color:var(--av-accent-soft)}
.mc-verdict.pop{animation:mcPop .28s var(--av-ease)}
@keyframes mcPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
/* controls */
#mc-controls{display:flex;flex-direction:column;gap:8px}
.mc-bet-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mc-bet-row .amt{font-size:24px;font-weight:700;color:var(--av-white)}.mc-bet-row .amt small{font-size:12px;font-weight:500;color:var(--av-muted);margin-left:4px}
.mc-tools{display:flex;gap:6px;flex-wrap:wrap}
.mc-power{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--av-rc);background:var(--av-panel);font-size:13px;color:var(--av-text)}
.mc-seg{flex:none;min-width:190px}
.mc-seg button{white-space:nowrap}.mc-seg button:disabled{opacity:.5}
.mc-seg #mc-pwamt{margin-left:4px;color:var(--av-accent-soft);font-weight:700}
.mc-power .pt{flex:1;line-height:1.4;color:var(--av-muted)}.mc-power .pt b{color:var(--av-white);font-weight:600}
.sm:disabled{opacity:.35;cursor:default}
#mc-main .acts{grid-template-columns:1fr 1fr}
.act.bull,.act.bear{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;font-size:16px;border:0}
.act.bull{background:var(--av-win-bg);color:var(--av-win)}.act.bull:hover:not(:disabled){background:rgba(52,211,153,.26)}
.act.bear{background:var(--av-loss-bg);color:var(--av-loss)}.act.bear:hover:not(:disabled){background:rgba(240,97,109,.26)}
.act.bull svg,.act.bear svg{width:16px;height:16px}
.act.on{outline:2px solid currentColor}
@media(max-width:720px){.mc-chartbox{height:clamp(190px,34vh,320px)}.mc-bet-row .amt{font-size:20px}.mc-power{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.mc-seg{min-width:0}}
@media(max-width:720px) and (max-height:720px){#mc-table{gap:8px}.mc-chartbox{height:clamp(150px,26vh,210px)}.mc-chart{inset:40px 10px 8px}.mc-verdict{min-height:28px;font-size:16px}.mc-power{flex-direction:row;padding:6px 8px;font-size:12px}#stage:has(#mc-table){padding-top:6px;padding-bottom:2px}}
@media(min-width:1280px) and (min-height:860px){#mc-table{width:min(100%,860px);gap:16px}.mc-verdict{font-size:22px}}

/* what a move pays: three example moves for the timeframe you picked */
.mc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mc-strip div{background:var(--av-panel);border-radius:var(--av-r);padding:8px 10px;font-size:12px;color:var(--av-muted);line-height:1.5;text-align:center}
.mc-strip div b{display:block;font-size:13px;color:var(--av-white);font-weight:600}
.mc-strip .w{color:var(--av-win);font-weight:700}.mc-strip .l{color:var(--av-loss);font-weight:700}
.sm.on{border-color:var(--av-accent);color:var(--av-accent-soft);background:var(--av-accent-bg)}
@media(max-width:720px){.mc-strip div{padding:6px 4px;font-size:11px}.mc-strip div b{font-size:12px}}
@media(max-width:720px){.mc-strip div{padding:5px 2px;font-size:10.5px}.mc-strip div b{font-size:11px}}
@media(max-width:720px) and (max-height:760px){.mc-strip{display:none}}