/* V3.7: mobile-first add-on for V3.6. */
.v37-card{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:0}.v37-card strong{font-size:23px;line-height:1.25;overflow-wrap:anywhere}.v37-card span{font-size:11px}.v37-notice{padding:12px;border:1px solid #2a394d;border-radius:10px;background:#102035;margin:7px 0}.v37-notice strong{font-size:14px}.v37-notice .mutedline{margin-top:4px}
#btCanvas{background:#0e1828;border-radius:9px}#btTrades table{white-space:normal}#txTable td{white-space:normal}
@media(max-width:700px){
 #txCards,#riskCards,#btMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 #txCards .v37-card,#riskCards .v37-card,#btMetrics .v37-card{padding:11px}
 .v37-card strong{font-size:clamp(16px,4.4vw,22px)}
 #txSubmit,#txUndo,#txCsv,#btRun,#btLoad,#btCsv,#notifyEnable,#notifyTest,#notifyCheck{min-height:44px;flex:1 1 140px}
 #btCanvas{max-width:100%}
 #txTable tbody tr td:first-child,#btTrades tbody tr td:first-child,#riskContrib tbody tr td:first-child{grid-column:1/-1}
 #riskContrib .scroll{max-height:none}#txMessage,#btStatus,#notifyStatus{overflow-wrap:anywhere}
 #notify .formgrid{grid-template-columns:1fr!important}
}
@media(max-width:350px){#txCards,#riskCards,#btMetrics{grid-template-columns:1fr!important}}