/* MRMC.WEB BETA V1 - MRMC CONNECT V8.0 SOURCE REBUILD
   One visible chat UI. Existing MySQL chat backend remains native. */
:root{--mc8-bg:#031521;--mc8-bg2:#082b43;--mc8-cyan:#19dcf7;--mc8-gold:#ffd521;--mc8-text:#f6fbff;--mc8-muted:#b8e7f2}
#mrmcChat.mrmc-connect-v8-ready{font-family:Arial,Helvetica,sans-serif!important;z-index:2147483000!important}
#mrmcChat.mrmc-connect-v8-ready:not(.open){width:82px!important;height:82px!important;right:18px!important;bottom:18px!important;left:auto;top:auto}
#mrmcChat.mrmc-connect-v8-ready:not(.open) #chatPanel{display:none!important}
#mrmcChat.mrmc-connect-v8-ready:not(.open) #chatFab{display:flex!important}
#mrmcChat.mrmc-connect-v8-ready.open:not(.fullscreen){position:fixed!important;right:16px!important;bottom:16px!important;left:auto;top:auto;width:min(760px,calc(100vw - 32px))!important;height:min(690px,calc(100dvh - 32px))!important;min-width:430px!important;min-height:480px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;transform:none!important;translate:none!important;margin:0!important}
#mrmcChat.mrmc-connect-v8-ready.fullscreen{position:fixed!important;inset:8px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;right:8px!important;bottom:8px!important;transform:none!important;translate:none!important;margin:0!important;z-index:2147483400!important}
#mrmcChat.mrmc-connect-v8-ready.open #chatFab,#mrmcChat.mrmc-connect-v8-ready.fullscreen #chatFab{display:none!important}
#mrmcChat.mrmc-connect-v8-ready.open #chatPanel,#mrmcChat.mrmc-connect-v8-ready.fullscreen #chatPanel{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;flex-direction:column!important;grid-template-rows:none!important;overflow:hidden!important;border:1px solid var(--mc8-cyan)!important;border-radius:18px!important;background:linear-gradient(180deg,#082d46 0%,#041b2c 48%,#02121d 100%)!important;box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 30px rgba(25,220,247,.14)!important;color:var(--mc8-text)!important;backdrop-filter:none!important}
#mrmcChat .mrmc-connect-v8-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex:0 0 auto!important;min-height:72px!important;padding:11px 13px!important;background:linear-gradient(100deg,#073b59,#0a6d8d)!important;border-bottom:2px solid var(--mc8-gold)!important;cursor:grab!important;touch-action:none!important}
#mrmcChat .mrmc-connect-v8-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#mrmcChat .mrmc-connect-v8-mark{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important;border:1px solid var(--mc8-gold)!important;background:#031521!important;color:var(--mc8-gold)!important;font-weight:1000!important;font-size:12px!important;letter-spacing:.08em!important;box-shadow:inset 0 0 16px rgba(255,213,33,.08)!important}
#mrmcChat .mrmc-connect-v8-title{min-width:0!important}
#mrmcChat .mrmc-connect-v8-title b{display:block!important;color:#fff!important;font-size:16px!important;letter-spacing:.12em!important;text-shadow:none!important;white-space:nowrap!important}
#mrmcChat .mrmc-connect-v8-title small{display:block!important;margin-top:3px!important;color:var(--mc8-muted)!important;font-size:9.5px!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:360px!important}
#mrmcChat .chat-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:wrap!important}
#mrmcChat .chat-header-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:36px!important;height:32px!important;min-height:32px!important;padding:6px 9px!important;border-radius:9px!important;border:1px solid rgba(25,220,247,.38)!important;background:#0b3b57!important;color:#fff!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.03em!important;cursor:pointer!important}
#mrmcChat .chat-header-actions button:hover{background:var(--mc8-gold)!important;border-color:var(--mc8-gold)!important;color:#031521!important}
#mrmcChat .chat-music-indicator{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;border:1px solid rgba(25,220,247,.35)!important;color:var(--mc8-cyan)!important;background:#031521!important}
#mrmcChat .chat-move-hint{display:none!important}
#mrmcChat .mrmc-connect-v8-toolbar{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;padding:8px 10px!important;background:#061e30!important;border-bottom:1px solid rgba(25,220,247,.24)!important}
#mrmcChat .mrmc-connect-v8-searchbox{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#mrmcChat #mrmcConnectSearch{width:100%!important;height:36px!important;min-height:36px!important;padding:8px 11px!important;border-radius:10px!important;border:1px solid rgba(25,220,247,.42)!important;background:#02131f!important;color:#fff!important;outline:none!important;font-size:12px!important}
#mrmcChat #mrmcConnectSearchStatus{flex:0 0 auto!important;color:#9edbe8!important;font-size:9px!important;min-width:48px!important;text-align:right!important}
#mrmcChat .mrmc-connect-v8-toolbar-actions{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#mrmcChat .mrmc-connect-v8-toolbar-actions button{min-height:34px!important;padding:7px 10px!important;border-radius:9px!important;border:1px solid rgba(25,220,247,.36)!important;background:#0b3b57!important;color:#fff!important;font-size:9px!important;font-weight:1000!important;cursor:pointer!important}
#mrmcChat .mrmc-connect-v8-toolbar-actions button.is-active{background:var(--mc8-gold)!important;color:#031521!important;border-color:var(--mc8-gold)!important}
#mrmcChat .mrmc-connect-v8-emoji-tray{display:none!important;flex:0 0 auto!important;gap:6px!important;padding:7px 10px!important;background:#041827!important;border-bottom:1px solid rgba(25,220,247,.18)!important;overflow-x:auto!important}
#mrmcChat.mrmc-connect-v8-tools-open .mrmc-connect-v8-emoji-tray{display:flex!important}
#mrmcChat .mrmc-connect-v8-emoji-tray button{flex:0 0 auto!important;width:34px!important;height:32px!important;border:1px solid rgba(25,220,247,.3)!important;border-radius:9px!important;background:#082c43!important;font-size:18px!important;cursor:pointer!important}
#mrmcChat #chatAnnouncementMarquee{flex:0 0 auto!important;margin:0!important;border-radius:0!important;min-height:28px!important}
#mrmcChat #announcementForm{display:none!important;flex:0 0 auto!important;margin:0!important;padding:8px 10px!important;background:#08243a!important;border-bottom:1px solid rgba(255,213,33,.24)!important}
#mrmcChat.mrmc-connect-v8-announcement-open #announcementForm{display:flex!important}
#mrmcChat #chatModeSwitch{display:grid!important;grid-template-columns:auto auto minmax(180px,1fr)!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;margin:0!important;padding:7px 10px!important;min-height:45px!important;background:#072238!important;border-bottom:1px solid rgba(25,220,247,.2)!important}
#mrmcChat #chatModeSwitch .chat-mode-btn{min-height:31px!important;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:1000!important}
#mrmcChat #chatModeSwitch label{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;font-size:0!important}
#mrmcChat #chatModeSwitch label::before{content:'DM ADMIN';font-size:9px!important;color:#bfffff!important;font-weight:1000!important;white-space:nowrap!important}
#mrmcChat #chatModeSwitch select{width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:4px 8px!important;border-radius:8px!important;font-size:11px!important}
#mrmcChat #chatModeLabel{display:none!important}
#mrmcChat #chatBody{display:block!important;flex:1 1 0!important;min-height:130px!important;height:auto!important;max-height:none!important;margin:0!important;padding:10px!important;overflow:auto!important;background:linear-gradient(rgba(25,220,247,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,220,247,.025) 1px,transparent 1px),#041827!important;background-size:28px 28px!important}
#mrmcChat #chatBody .mrmc-connect-v8-search-hidden{display:none!important}
#mrmcChat .chat-msg{max-width:82%!important;margin-bottom:8px!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(25,220,247,.18)!important;box-shadow:none!important}
#mrmcChat .chat-msg.mine{margin-left:auto!important;background:linear-gradient(135deg,rgba(25,220,247,.16),rgba(255,213,33,.09))!important;border-color:rgba(255,213,33,.28)!important}
#mrmcChat .chat-meta b{color:#fff!important}#mrmcChat .chat-meta span{color:var(--mc8-gold)!important}#mrmcChat .chat-text{color:#f8fcff!important;font-size:12.5px!important}#mrmcChat .chat-seen-status{color:#8fcad8!important;font-size:9px!important}
#mrmcChat #chatStickerPanel,#mrmcChat #chatFilePanel{display:none!important;flex:0 0 auto!important;max-height:170px!important;margin:0!important;overflow:auto!important;background:#062136!important;border-top:1px solid rgba(25,220,247,.18)!important;border-bottom:1px solid rgba(25,220,247,.18)!important}
#mrmcChat.mrmc-connect-v8-tools-open #chatStickerPanel,#mrmcChat.mrmc-connect-v8-tools-open #chatFilePanel,#mrmcChat.files-open #chatFilePanel{display:block!important}
#mrmcChat #chatStickerPanel{padding:7px 9px!important}
#mrmcChat .chat-sticker-grid{display:grid!important;grid-template-columns:repeat(9,minmax(34px,1fr))!important;gap:5px!important}
#mrmcChat .chat-sticker-btn{height:38px!important;min-height:38px!important;border-radius:8px!important}
#mrmcChat #chatFilePanel{padding:8px 10px!important}
#mrmcChat #chatForm{display:grid!important;grid-template-columns:minmax(120px,1fr) auto auto!important;gap:7px!important;align-items:center!important;flex:0 0 auto!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;background:#08263b!important;border-top:2px solid var(--mc8-gold)!important}
#mrmcChat #chatForm #chatInput{width:100%!important;min-height:40px!important;height:40px!important;border-radius:10px!important;padding:9px 11px!important;background:#f8fcff!important;color:#071b2c!important;border:1px solid rgba(25,220,247,.35)!important}
#mrmcChat #chatForm button{min-height:40px!important;height:40px!important;padding:7px 12px!important;border-radius:10px!important;font-size:10px!important;font-weight:1000!important}
#mrmcChat #chatForm button[type="submit"]{background:linear-gradient(135deg,#16dff7,#087fe7)!important;color:#031521!important;border:1px solid #22e6ff!important}
#mrmcChat #chatAttachBesideSend{background:#102f46!important;color:#fff!important;border:1px solid rgba(25,220,247,.35)!important}
#mrmcChat .chat-note{flex:0 0 auto!important;margin:0!important;padding:5px 8px!important;background:#03121d!important;color:#79b8c7!important;font-size:8.5px!important;text-align:center!important}
#mrmcChat.theme-cute #chatPanel{background:linear-gradient(180deg,#241035,#082b43 46%,#031521)!important}
#mrmcChat.theme-cute .mrmc-connect-v8-header{background:linear-gradient(100deg,#31104b,#0b6686)!important}
#mrmcChat.dragging .mrmc-connect-v8-header{cursor:grabbing!important}
@media(max-width:780px){
 #mrmcChat.mrmc-connect-v8-ready.open:not(.fullscreen),#mrmcChat.mrmc-connect-v8-ready.fullscreen{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}
 #mrmcChat.mrmc-connect-v8-ready.open #chatPanel,#mrmcChat.mrmc-connect-v8-ready.fullscreen #chatPanel{border-radius:0!important;border-left:0!important;border-right:0!important}
 #mrmcChat .mrmc-connect-v8-header{align-items:flex-start!important;flex-direction:column!important;min-height:auto!important;cursor:default!important;touch-action:auto!important}
 #mrmcChat .mrmc-connect-v8-title small{max-width:calc(100vw - 90px)!important}
 #mrmcChat .chat-header-actions{justify-content:flex-start!important;width:100%!important}
 #mrmcChat .mrmc-connect-v8-toolbar{grid-template-columns:1fr!important}
 #mrmcChat .mrmc-connect-v8-toolbar-actions{justify-content:flex-start!important}
 #mrmcChat #chatModeSwitch{grid-template-columns:1fr 1fr!important}
 #mrmcChat #chatModeSwitch label{grid-column:1/-1!important}
 #mrmcChat #chatForm{grid-template-columns:minmax(80px,1fr) auto auto!important}
 #mrmcChat #chatAttachBesideSend{font-size:0!important;width:42px!important;padding:0!important}#mrmcChat #chatAttachBesideSend::after{content:'📎';font-size:18px!important}
 #mrmcChat .chat-sticker-grid{grid-template-columns:repeat(5,minmax(34px,1fr))!important}
}
@media(max-height:620px) and (min-width:781px){#mrmcChat.mrmc-connect-v8-ready.open:not(.fullscreen){height:calc(100dvh - 20px)!important;bottom:10px!important}#mrmcChat .mrmc-connect-v8-header{min-height:62px!important;padding:8px 10px!important}#mrmcChat .mrmc-connect-v8-toolbar{padding:6px 8px!important}#mrmcChat #chatModeSwitch{padding:5px 8px!important;min-height:40px!important}}
@media print{#mrmcChat{display:none!important}}