/* MegaBox V2 desktop: opaque chat + larger existing CS portraits.
   Scope strictly to #chatModal; leave auth, nav and provider menus unchanged. */
#chatModal .chat-modal {
  background:#07172e !important;
  background-image:linear-gradient(155deg,#10294b 0%,#07172e 48%,#061226 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:1px solid #315b87 !important;
  box-shadow:0 24px 75px rgba(0,0,0,.78) !important;
  isolation:isolate;
}
#chatModal .chat-head {background:#0c2544 !important;min-height:122px;align-items:flex-start !important;padding:18px 44px 16px 16px !important}
#chatModal .chat-body {background:#07172e !important}
#chatModal .chat-compose {background:#0a1c34 !important}
#chatModal .mbx-chat-heading {display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
#chatModal .mbx-cs-team {display:flex;gap:12px;align-items:center;margin-top:7px;flex-wrap:wrap}
#chatModal .mbx-cs-person {display:flex;align-items:center;gap:5px;color:#e6efff}
#chatModal .mbx-cs-person img {width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e4b85a;background:#18314e;box-shadow:0 2px 8px #0007}
#chatModal .mbx-cs-person small {font-size:11px;font-weight:650;color:#e6efff}
#chatModal .mbx-cs-caption {color:#aebed6;font-size:10px}
#chatModal .chat-avatar--megabox {flex:0 0 46px;width:46px;height:46px}
@media(max-width:480px){
  #chatModal .chat-head {min-height:112px;padding:14px 38px 12px 12px !important}
  #chatModal .mbx-cs-team {gap:7px}
  #chatModal .mbx-cs-person img {width:36px;height:36px}
  #chatModal .mbx-cs-person small {font-size:10px}
  #chatModal .chat-avatar--megabox {flex-basis:40px;width:40px;height:40px}
}


/* MegaBox AI Chat — 90% Glass */
#chatModal .chat-modal {
  background: rgba(7, 23, 46, 0.80) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

#chatModal .chat-head {
  background: rgba(12, 37, 68, 0.80) !important;
}

#chatModal .chat-body {
  background: rgba(7, 23, 46, 0.80) !important;
}

#chatModal .chat-compose {
  background: rgba(10, 28, 52, 0.80) !important;
}