.meet-wrapper { position: relative; width: 100vw; height: 100vh; }
.jitsi-frame iframe { width: 100%; height: 100%; }
.custom-chat {
  position: absolute; top: 60px; right: 10px;
  width: 320px; max-height: 80vh;
  background: rgba(0,0,0,0.8); color: #fff;
  display: flex; flex-direction: column;
  border-radius: 6px; overflow: hidden;
  font-family: Arial, sans-serif; z-index: 9000;
}
.chat-header { padding: 8px; background: #333; text-align: center; font-weight: bold; }
.chat-body { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.message { padding: 6px; border-radius: 4px; max-width: 80%; word-break: break-word; }
.message.local { background: #0078D7; align-self: flex-end; }
.message.remote { background: #444444; align-self: flex-start; }
.message img { max-width: 100%; border-radius: 4px; margin-top: 4px; }
.chat-input { padding: 8px; display: flex; gap: 4px; background: #222; }
.chat-input input[type="text"] {
  flex: 1; padding: 6px; border-radius: 4px; border: none;
}
.chat-input button { padding: 6px 10px; border: none; background: #555; color: #fff; border-radius: 4px; cursor: pointer; }
