.mg-panel,.mg-preview { max-width:100%; min-width:0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.mg-note,.mg-compat { font-size:12px; color:#62738a; }
.mg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mg-card { min-width:0; padding:10px; background:#f5f8fc; border:1px solid #dfe7ef; border-radius:7px; }
.mg-head,.mg-actions,.mg-relation { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.mg-head { justify-content:space-between; margin-bottom:6px; }
.mg-status { font-size:11px; color:#47627e; }
.mg-status.partial { color:#936019; background:#fff4df; padding:1px 5px; border-radius:4px; }
.mg-item { padding:6px 0; border-top:1px solid #e3e9f0; }
.mg-item>b,.mg-item>span { display:block; margin:2px 0; overflow-wrap:anywhere; }
.mg-actions { margin-top:8px; }
.mg-card button { font-size:12px; padding:4px 7px; min-height:28px; white-space:normal; margin:0; }
.mg-preview { padding:10px; background:#f1f7fc; border-radius:6px; margin:8px 0; }
.mg-preview ul { padding-left:20px; }
.mg-confirm { display:flex!important; align-items:flex-start; gap:7px; font-size:12px; }
.mg-confirm input { width:auto; flex:0 0 auto; margin-top:3px; }
@media(max-width:640px) { .mg-grid { grid-template-columns:minmax(0,1fr); } }