/* Release 31: warm, compact market workbench; inherited brand tokens. */
.mx-page{font-size:13px;padding-bottom:64px}
.app-shell>.md-thread{margin-left:0}
.main:has(.mx-page){animation:none}
.mx-page h2{font-size:16px;margin:0}.mx-page h3{font-size:13px;margin:0}
.mx-page p{line-height:1.65;margin:8px 0}.mx-page small{font-size:11px;line-height:1.6;color:var(--muted)}
.mx-page .button{min-height:44px;font-size:12px;white-space:normal}
.mx-meta,.mx-tools,.mx-chart-head,.mx-chart-note,.mx-activity>header,.mx-siblings>header{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.mx-meta{color:var(--muted);font-size:11px;margin:-8px 0 12px}
.mx-tools{justify-content:flex-start;margin-bottom:16px;gap:8px}
.mx-layout{display:grid;gap:16px;align-items:start}
.mx-primary{min-width:0;display:grid;gap:16px}
.mx-summary,.mx-trade,.mx-siblings,.mx-related,.mx-activity,.mx-inline{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0}
.mx-market-name{padding:16px 16px 8px}.mx-market-name>span{font-size:11px;color:var(--muted);display:block;margin-bottom:5px}
.mx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 16px 16px;gap:12px}
.mx-metrics b,.mx-metrics small{display:block;font-variant-numeric:tabular-nums}.mx-metrics b{font-size:18px;font-weight:600;margin-top:5px}
.mx-readback{background:var(--soft);padding:12px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-block:1px solid var(--border)}
.mx-readback>div{flex:1 1 300px}.mx-readback p{margin-bottom:0;font-size:12px}.mx-readback .ai-action{color:var(--ai);border:1px solid var(--ai-border);background:var(--ai-soft,var(--surface))}
.mx-ai{padding:16px;border-bottom:1px solid var(--ai-border)}.mx-ai h3{color:var(--ai)}.mx-ai p{font-size:12px}
.mx-tabs{display:flex;gap:0;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--border);padding:0 8px}
.mx-tabs .button{flex-shrink:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);padding:10px 12px}
.mx-tabs .active{color:var(--text);border-bottom-color:var(--primary);font-weight:650}
.mx-chart,.mx-book,.mx-resolution{padding:16px}.mx-chart-head{margin-bottom:12px}.mx-chart-head h2{font-size:12px;color:var(--muted);font-weight:400}.mx-chart-head b{font-size:24px;font-variant-numeric:tabular-nums}.mx-chart-head b small{font-weight:400;margin-left:8px}
.mx-ranges{display:flex;gap:4px}.mx-ranges .button{padding:6px 10px;border-color:transparent;background:var(--soft);color:var(--muted)}.mx-ranges .active{border-color:var(--primary);color:var(--text)}
.mx-chart-canvas{display:block;width:100%;height:260px}
.mx-chart-note{font-size:10px;color:var(--muted);margin-top:8px}
.mx-trade{padding:16px;grid-row:2}
.mx-trade-head{display:flex;gap:8px;align-items:center}.mx-trade .mt-icon{width:20px;height:20px;flex-shrink:0;color:var(--primary)}.mx-trade-head h2{font-size:15px}
.mx-venue{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--border)}.mx-venue b{color:var(--text)}
.mx-trade-question{font-weight:600;margin:14px 0!important}
.mx-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mx-sides .button{display:flex;justify-content:space-between;gap:12px;background:var(--soft);color:var(--text);min-height:48px}.mx-sides .active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--selected)}
.mx-side-explanation{font-size:11px;color:var(--muted)}.mx-wide{width:100%;justify-content:center}.mx-trade>small{display:block;margin:8px 0 16px}
.mx-bot-choice{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);padding-top:16px}.mx-bot-choice>div{flex:1}.mx-bot-choice p{font-size:12px;color:var(--muted);margin-bottom:4px}
.mx-protection{display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.mx-protection p{font-size:11px;color:var(--muted);margin:0}
.mx-siblings,.mx-related{padding:16px}.mx-siblings>p,.mx-related>p{font-size:12px;color:var(--muted)}
.mx-siblings>a,.mx-related>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;border-top:1px solid var(--border);color:var(--text);text-decoration:none}
.mx-siblings>a[aria-current]{border-left:3px solid var(--primary);padding-left:12px;background:var(--soft)}
.mx-siblings small{display:block}.mx-siblings b{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.mx-related b{white-space:nowrap}
.mx-activity{margin-top:16px}.mx-activity>header{padding:16px}.mx-activity>header>span{font-size:11px;color:var(--muted)}.mx-activity-body{padding:16px}
.mx-record{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.mx-record:last-child{border:0}.mx-record small{display:block}.mx-record a{min-height:44px;display:flex;align-items:center}.mx-record time{font-size:11px;color:var(--muted)}
.mx-empty{color:var(--muted);font-size:12px;margin:0!important;padding:12px 0}
.mx-guard-record{padding:12px 0;border-bottom:1px solid var(--border)}.mx-guard-record small{display:block}.mx-guard-record a{display:inline-flex;min-height:44px;align-items:center}
.mx-inline{padding:16px;margin-bottom:16px}.mx-inline header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mx-inline form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.mx-inline label{display:flex;flex-direction:column;gap:6px;flex:1;font-size:12px;min-width:140px}.mx-inline input,.mx-inline select{min-height:44px;width:100%;font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--control);border-radius:5px;padding:10px}
.mx-group-list{max-height:240px;overflow:auto}.mx-group-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:8px 0}.mx-group-list>div[hidden]{display:none}.mx-group-list small{display:block}
.mx-message{border-left:3px solid var(--primary);padding:8px 12px;background:var(--soft);font-size:12px}
.mx-book>p,.mx-resolution p{font-size:12px;color:var(--muted)}.mx-book-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mx-book-labels,.mx-level{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:right}.mx-book-labels{font-size:10px;color:var(--muted);padding:10px 4px}.mx-level{position:relative;width:100%;min-height:44px;background:none;border:0;padding:10px 4px;font:inherit;color:var(--text);font-variant-numeric:tabular-nums}.mx-level>*:not(i){z-index:1}.mx-level i{position:absolute;right:0;top:2px;bottom:2px;background:var(--primary);opacity:.08;pointer-events:none}.mx-level.ask i{background:var(--warning);opacity:.1}.mx-level:hover{outline:1px solid var(--primary)}
.mx-resolution dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.mx-resolution dt{color:var(--muted)}.mx-resolution dd{margin:0;overflow-wrap:anywhere}
.mx-mobile-action{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--control);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.mx-mobile-action>span{font-size:12px}.mx-mobile-action b{font-size:18px}
@media(min-width:1050px){.mx-layout{grid-template-columns:minmax(0,1fr) 288px}.mx-trade{grid-row:auto;position:sticky;top:16px}.mx-mobile-action{display:none}.mx-page{padding-bottom:0}.mx-record{font-size:12px}}
@media(max-width:480px){.mx-metrics{grid-template-columns:repeat(2,1fr);gap:12px 24px}.mx-readback{padding:12px}.mx-chart,.mx-book,.mx-resolution{padding:12px}.mx-book-columns{gap:8px}.mx-level{font-size:11px}.mx-resolution dl>div{grid-template-columns:1fr;gap:4px}.mx-record{flex-wrap:wrap}.mx-trade{scroll-margin-top:16px}.mx-tabs .button{padding-inline:10px}}
@media(max-width:1049px){.mx-primary{display:contents}.mx-summary{order:1}.mx-trade{order:2;grid-row:auto}.mx-siblings{order:3}.mx-related{order:4}}