.chat-panel-component{background:#fff;max-height:100%;min-height:0}.chat-panel-header{background:#f8f9fa}.chat-panel-info{background:#f8f9fa;font-size:.875rem}.chat-panel-messages{background:#fff;padding-left:1.25rem !important}.chat-panel-input{background:#f8f9fa;padding:.75rem 1rem !important}.chat-panel-input form{display:flex;align-items:center;gap:.75rem;margin:0}.chat-panel-input>.d-flex{display:flex;align-items:center;gap:.75rem !important}.chat-panel-standalone{border:1px solid #dee2e6;border-radius:.5rem;overflow:hidden}.chat-panel-standalone .chat-panel-header{border-radius:.5rem .5rem 0 0}.chat-panel-standalone .chat-panel-input{border-radius:0 0 .5rem .5rem}.card .chat-panel-component .chat-panel-header,.card .chat-panel-component .chat-panel-info,.dashboard-card .chat-panel-component .chat-panel-header,.dashboard-card .chat-panel-component .chat-panel-info{background:rgba(0,0,0,0)}.chat-panel-messages .message-bubble{max-width:75%;word-wrap:break-word}.chat-panel-messages .message-bubble.incoming{background:#e9ecef}.chat-panel-messages .message-bubble.outgoing{background:var(--pearl-color, #6366f1);color:#fff}.chat-panel-messages .message-bubble.unread{background:var(--bs-primary-bg-subtle, #cfe2ff);border:2px solid var(--bs-primary, #0d6efd)}.unread-indicator{width:8px;height:8px;background:#0d6efd;border-radius:50%;position:absolute;left:-12px;top:50%;transform:translateY(-50%)}.chat-panel-messages .chat-placeholder{color:#6c757d}.chat-panel-input textarea{flex:1;resize:none;min-height:38px;max-height:120px;overflow-y:auto}.chat-panel-input textarea.form-control-sm{min-height:31px}.chat-panel-input button[data-chat-send],.chat-panel-input button[data-chat-attach]{align-self:center;height:38px;display:inline-flex;align-items:center;justify-content:center}.chat-panel-input .progress{height:4px}@media(max-width: 767.98px){.chat-panel-messages{min-height:200px;max-height:350px}}.delete-msg-btn{position:absolute;top:4px;right:6px;opacity:0;transition:opacity .15s ease;background:none;border:none;padding:2px 4px;font-size:.65rem;cursor:pointer;line-height:1;color:inherit;border-radius:3px}.delete-msg-btn:hover{opacity:1 !important;background:rgba(0,0,0,.1)}.message-bubble:hover>.delete-msg-btn,.mb-2:hover .delete-msg-btn{opacity:.4}.deleted-message-indicator{font-style:italic;opacity:.7}