.md-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce5ef;border-radius:16px;color:#203044;background:#fff;box-shadow:0 22px 70px #0c18262b;font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;overflow:auto;overscroll-behavior:contain}
.md-dialog::backdrop{background:#08132166}
.md-dialog [hidden]{display:none!important}
.md-dialog[open]{animation:md-enter .12s ease-out}
.md-dialog .md-body{padding:26px 28px 20px}
.md-dialog .md-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.md-dialog .md-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#f7f0e4;color:#ab803e;font-size:24px}
.md-dialog[data-tone="danger"] .md-icon{color:#c73945;background:#fff0f1}
.md-dialog h2{font-size:22px;line-height:1.4;margin:0;font-weight:650}
.md-dialog .md-message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#64748a}
.md-dialog .md-details{margin:18px 0 0;padding:0;list-style:none;border:1px solid #e1e8ef;border-radius:10px;background:#f6f8fb;max-height:220px;overflow:auto}
.md-dialog .md-details li{padding:10px 12px;overflow-wrap:anywhere;white-space:pre-wrap}
.md-dialog .md-details li+li{border-top:1px solid #e1e8ef}
.md-dialog .md-field{display:grid;gap:6px;margin-top:18px}
.md-dialog .md-field input{box-sizing:border-box;width:100%;height:42px;border:1px solid #dce5ef;border-radius:9px;padding:0 12px;font:inherit;color:#203044;background:#fff}
.md-dialog .md-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #e6ebf1;background:#fff}
.md-dialog button{min-height:40px;padding:0 18px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#435771;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.md-dialog .md-confirm{background:#1b2937;border-color:#1b2937;color:#e8c989}
.md-dialog[data-tone="danger"] .md-confirm{background:#c53642;border-color:#c53642;color:#fff}
.md-dialog :focus-visible{outline:3px solid #8eace3;outline-offset:3px}
.md-dialog button:disabled{opacity:.5;cursor:default}
@keyframes md-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.md-dialog .md-body{padding:20px}.md-dialog .md-actions{padding:14px 20px}.md-dialog h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.md-dialog[open]{animation:none}}
