[data-message-center][hidden], .mc-toast[hidden] { display:none !important; }
.nav .mc-nav-button { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; border:1px solid #eadfd8; border-radius:8px; background:#fff; color:#583f33; padding:7px 9px; font:600 12px/1.2 system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.mc-badge { display:inline-flex; align-items:center; justify-content:center; min-width:17px; padding:1px 4px; border-radius:20px; background:#d8492c; color:white; font:600 11px/1.4 system-ui,sans-serif; }
.mc-badge[hidden] { display:none; }
.mc-dialog { box-sizing:border-box; width:min(920px,94vw); max-width:94vw; height:min(670px,88dvh); max-height:88dvh; padding:0; border:1px solid #e8dfd9; border-radius:16px; background:#fffdfb; color:#302c29; box-shadow:0 20px 70px #0003; font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif; z-index:10060; }
.mc-dialog::backdrop { background:#0006; }
.mc-dialog * { box-sizing:border-box; }
.mc-dialog button, .mc-toast button { font:inherit; cursor:pointer; border:1px solid #e3d9d1; background:#fff; border-radius:7px; padding:6px 12px; color:#594338; }
.mc-dialog button:disabled { opacity:.5; cursor:default; }
.mc-shell { display:flex; flex-direction:column; height:100%; }
.mc-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px 12px; }
.mc-header h2 { font-size:21px; margin:0; }
.mc-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 22px 12px; border-bottom:1px solid #eee4dd; }
.mc-tools button[aria-pressed=true] { background:#fff0e6; border-color:#f5b18c; color:#a4421d; }
.mc-tools .mc-current-read { margin-left:auto; }
.mc-content { display:grid; grid-template-columns:270px minmax(0,1fr); flex:1; min-height:0; }
.mc-list { overflow:auto; padding:10px; border-right:1px solid #eee4dd; }
.mc-list .mc-row { display:block; text-align:left; width:100%; border:0; border-radius:8px; margin:0 0 5px; padding:12px; background:transparent; overflow-wrap:anywhere; }
.mc-row[aria-current=true] { background:#fff0e6; }
.mc-row-title { display:block; font-weight:600; }
.mc-row-date { display:block; font-size:12px; color:#83766f; margin-top:4px; }
.mc-row-unread { color:#bd4b24; }
.mc-detail { padding:20px 24px; overflow:auto; min-width:0; }
.mc-detail h3 { margin:0 0 8px; font-size:19px; overflow-wrap:anywhere; }
.mc-date { color:#82756c; font-size:12px; margin-bottom:18px; }
.mc-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.mc-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.mc-actions a { color:#ab471e; border:1px solid #ebc5b1; border-radius:7px; padding:6px 12px; text-decoration:none; }
.mc-status { margin:0; padding:10px 22px; border-top:1px solid #eee4dd; font-size:12px; color:#807269; }
.mc-toast { position:fixed; right:20px; bottom:24px; width:min(370px,calc(100vw - 32px)); background:#fffdfb; border:1px solid #efc4ab; border-radius:13px; padding:16px; box-shadow:0 8px 30px #0002; z-index:10050; font:14px/1.5 system-ui,sans-serif; color:#42352c; }
.mc-toast h3 { font-size:15px; margin:8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mc-toast p { margin:8px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.mc-toast-top { display:flex; align-items:center; justify-content:space-between; color:#81736a; font-size:12px; }
.mc-toast .mc-toast-close { padding:1px 7px; border:0; background:transparent; }
@media(max-width:600px) {
 .mc-dialog { width:96vw; max-width:96vw; height:90dvh; max-height:90dvh; }
 .mc-header { padding:14px; }
 .mc-tools { padding:0 14px 10px; }
 .mc-content { grid-template-columns:1fr; grid-template-rows:minmax(100px,32%) minmax(0,1fr); }
 .mc-list { border-right:0; border-bottom:1px solid #eee4dd; }
 .mc-detail { padding:14px; }
 .mc-status { padding:10px 14px; }
 .mc-toast { right:16px; bottom:18px; }
 .nav .mc-nav-button { padding:7px 6px; gap:3px; }
}

/* Legacy iOS WebViews do not implement dialog or dvh. */
.mc-dialog.mc-legacy-dialog { display:none; position:fixed; top:6vh; left:50%; transform:translateX(-50%); margin:0; height:88vh; max-height:88vh; }
.mc-dialog.mc-legacy-dialog[open] { display:block; }

.mc-group-row { gap:5px; }
.mc-group-count { color:#9c471e; font-size:13px; font-weight:600; }
.mc-group-severity { color:#7c7068; font-size:12px; }
.mc-group-severity.mc-critical { color:#b42424; font-weight:700; }
.mc-group-help { color:#7b7067; font-size:13px; line-height:1.6; }
.mc-group-times { white-space:pre-wrap; color:#82756c; font-size:12px; overflow-wrap:anywhere; }
.mc-original { border:1px solid #eaddd4; border-radius:9px; margin:12px 0; padding:12px; min-width:0; }
.mc-original summary { cursor:pointer; overflow-wrap:anywhere; font-weight:600; }
.mc-original .mc-body { margin:14px 0; font-size:14px; }
.mc-original button { margin-top:10px; }
@media(max-width:600px) { .mc-original { padding:10px; } .mc-group-count { font-size:12px; } }