.mt-state { margin: 12px 0; padding: 18px; border: 1px solid #d8dde4; border-radius: 12px; background: #fff; overflow-wrap:anywhere; }
.mt-state[hidden] { display:none; }
.mt-state h2 { margin:0 0 8px; font-size:1.12rem; }
.mt-state p, .mt-note-help { line-height:1.55; color:#526174; }
.mt-note-label { display:grid; gap:8px; font-weight:600; margin-top:16px; }
.mt-note-label span { font-weight:400; color:#526174; font-size:.9rem; }
.mt-note-label textarea { box-sizing:border-box; width:100%; min-height:94px; resize:vertical; }
.mt-review { box-sizing:border-box; width:min(760px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; border:1px solid #cbd3df; border-radius:14px; padding:24px; color:#203145; background:#fff; box-shadow:0 20px 70px #0003; }
.mt-review::backdrop { background:#17263988; }
.mt-review h2 { font-size:1.35rem; margin:0 0 14px; }
.mt-review p { line-height:1.5; }
.mt-review dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.mt-review dl div { min-width:0; border-bottom:1px solid #e6eaf0; padding:8px 0; }
.mt-review dt,.mt-state dt { font-size:.84rem; color:#526174; }
.mt-review dd,.mt-state dd { margin:5px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font-weight:600; }
.mt-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.mx-workspace .mt-review .mx-button.secondary,.mx-workspace .mt-state .mx-button.secondary,.mx-workspace [data-mt-action=discard] { background:#fff !important; color:#263f62 !important; border:1px solid #b8c5d4 !important; }
.mt-review button:disabled,.mt-state button:disabled { opacity:.6; }
@media(max-width:540px) { .mt-review { padding:16px; } .mt-review dl { grid-template-columns:1fr; gap:8px; } .mt-actions { flex-direction:column; } .mt-actions button { width:100%; } }