.mtgch{margin:0 0 20px;border:1px solid #2b323c;border-radius:12px;background:#0e1319;color:#e5eaf0;font:13px/1.5 Arial,sans-serif;overflow:hidden;min-width:0}
.mtgch *{box-sizing:border-box}.mtgch [hidden]{display:none!important}
.mtgch-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:linear-gradient(110deg,#241419,#10171b 65%);border-bottom:1px solid #29313b}
.mtgch-kicker{display:block;color:#e95467;font-size:9px;font-weight:700;letter-spacing:1.4px;margin-bottom:5px}.mtgch-head h2{margin:0;font-size:18px;color:#f1f3f5;line-height:1.3}
.mtgch-connection{font-size:10px;color:#a7b3c2;white-space:nowrap}.mtgch-connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#8893a3}.mtgch-connection[data-state=ok]:before{background:#31d485}.mtgch-connection[data-state=error]:before{background:#ff5269}
.mtgch-notice{padding:10px 20px;margin:0;border-bottom:1px solid #252c35;color:#9ca8b8;font-size:11px;background:#141a21}
.mtgch-messages{height:290px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#394453 #10151c;padding:4px 20px;overflow-anchor:none}
.mtgch-message{padding:12px 0;border-bottom:1px solid #ffffff09}.mtgch-message:last-child{border-bottom:0}
.mtgch-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mtgch-author{font-size:12px;font-weight:bold;text-decoration:none;overflow-wrap:anywhere;max-width:100%;color:#c5d9f4}
.mtgch-time{color:#8995a6;font-size:10px}.mtgch-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;color:#cdd5df;font-size:13px;line-height:1.65}
.mtgch-delete{margin-left:auto;padding:3px 7px;color:#c6a1aa;background:transparent;border:1px solid #3a2b33;border-radius:4px;font-size:10px;cursor:pointer}.mtgch-delete:hover{background:#401d27;color:#fff}
.mtgch-empty{padding:32px 12px;color:#8e9bad;text-align:center}
.mtgch-feedback{margin:0;padding:0 20px;color:#c7b69d;font-size:11px}.mtgch-feedback:not(:empty){padding-top:10px;padding-bottom:10px;border-top:1px solid #252c35}
.mtgch-form{padding:14px 20px;background:#121820;border-top:1px solid #29313b}
.mtgch-label{display:block;font-size:11px;color:#b5c0cd;margin-bottom:8px}.mtgch-compose{display:flex;align-items:stretch;gap:10px}
.mtgch-compose textarea{display:block;flex:1;min-width:0;width:100%;min-height:52px;max-height:160px;resize:vertical;background:#090f15!important;border:1px solid #354150!important;border-radius:7px;color:#eef2f6!important;padding:12px;font:13px/1.5 Arial,sans-serif;box-shadow:none}
.mtgch-compose button{padding:0 23px;border:1px solid #fb3a55;border-radius:7px;background:#e62943;color:white;font-size:12px;font-weight:700;cursor:pointer}.mtgch-compose button:hover{background:#fa3450}.mtgch-compose button:disabled{opacity:.55;cursor:wait}
.mtgch-help{display:flex;justify-content:space-between;gap:10px;color:#8c99ac;font-size:10px;margin-top:8px}.mtgch-readonly{padding:15px 20px;color:#a8b4c4;border-top:1px solid #29313b;font-size:12px}
.mtgch :focus-visible{outline:2px solid #78a6d8;outline-offset:2px}
.mtgch .mtglsync{gap:6px}.mtgch .mtglsync .mtglsync-icon{width:18px;height:18px;flex-basis:18px}.mtgch .mtglsync .mtglsync-icon svg,.mtgch .mtglsync .mtglsync-icon img{width:13px!important;height:13px!important}
@media(max-width:600px){.mtgch-head{padding:15px}.mtgch-head h2{font-size:16px}.mtgch-kicker{font-size:8px}.mtgch-messages{padding:4px 15px;height:260px}.mtgch-form{padding:12px 15px}.mtgch-compose button{padding:0 13px}.mtgch-notice{padding:10px 15px}.mtgch-help{flex-wrap:wrap}.mtgch-compose textarea{font-size:16px}}

/* Compact layout; dimensions controlled in ACP. */
.mtgch{margin:var(--mtgch-gap,24px) 18px 20px!important}
.mtgch .mtgch-messages{height:var(--mtgch-height,180px)!important;min-height:0!important}
.mtgch .mtgch-head{padding:12px 16px}
.mtgch .mtgch-head h2{font-size:16px}
.mtgch .mtgch-notice{padding:7px 16px}
.mtgch .mtgch-form{padding:10px 16px}
.mtgch .mtgch-compose textarea{min-height:42px;height:42px;padding:9px 12px}
.mtgch .mtgch-kicker{font-size:8px;margin-bottom:3px}
.mtgch .mtgch-empty{padding:20px 10px}
@media(max-width:600px){.mtgch{margin-left:0!important;margin-right:0!important}}