#p-chat-launcher {
    position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px;
    background: #ffffff; border-radius: 50%; color: #0073aa; display: flex;
    align-items: center; justify-content: center; font-size: 30px;
    cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 9999999;
}
#p-chat-wrapper {
    position: fixed; bottom: 90px; right: 20px; width: 320px; height: 450px;
    background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    z-index: 9999999; display: flex; flex-direction: column; overflow: hidden;
}
#p-chat-header { background: #0073aa; color: white; padding: 15px; font-weight: bold; position: relative; }
#p-close { position: absolute; right: 15px; cursor: pointer; }
#p-reg-form { padding: 20px; display: flex; flex-direction: column; gap: 10px; }
#p-reg-form input { padding: 10px; border: 1px solid #ddd; border-radius: 5px; }
#p-reg-form button { background: #0073aa; color: white; border: none; padding: 12px; border-radius: 5px; cursor: pointer; font-weight: bold; }
#p-chat-body { flex: 1; padding: 15px; overflow-y: auto; background: #fdfdfd; display: flex; flex-direction: column; }
#p-chat-footer { display: flex; padding: 10px; border-top: 1px solid #eee; }
#p-msg-input { flex: 1; border: 1px solid #ddd; padding: 10px; border-radius: 5px; outline: none; }
#p-send-btn { background: #0073aa; color: white; border: none; padding: 10px 15px; margin-left: 5px; border-radius: 5px; cursor: pointer; }
.msg { margin-bottom: 10px; padding: 10px; border-radius: 10px; font-size: 13px; max-width: 85%; }
.user { background: #e1f5fe; align-self: flex-end; }
.bda { background: #f1f1f1; align-self: flex-start; }