.chat-container{display:flex;flex-direction:column;height:100vh;background:var(--chat-bg)}.chat-header{background:var(--header-bg);color:#fff;padding:10px 16px;box-shadow:0 2px 8px #1e3a8a26;z-index:100}.header-content{display:flex;align-items:center;gap:12px}.header-logo{height:40px;width:auto;object-fit:contain}.header-info h1{font-size:16px;font-weight:500;margin:0}.header-status{font-size:13px;color:#fffc;margin:2px 0 0}.messages-container{flex:1;overflow-y:auto;background:var(--chat-bg);padding:20px 5%}.messages-wrapper{max-width:1000px;margin:0 auto}.message{display:flex;margin-bottom:12px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-in{justify-content:flex-start}.message-out{justify-content:flex-end}.message-content{max-width:65%;padding:8px 12px;border-radius:12px;box-shadow:0 2px 4px #00000014;position:relative;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.message-in .message-content{background:var(--message-in);border-radius:12px 12px 12px 4px;border:1px solid #e2e8f0}.message-out .message-content{background:var(--message-out);border-radius:12px 12px 4px;border:1px solid #bfdbfe}.message-system .message-content{background:linear-gradient(135deg,#dbeafe,#bfdbfe);max-width:80%;margin:0 auto;text-align:center;border-radius:12px;border:1px solid #93c5fd}.message-text{font-size:14.5px;line-height:1.5;color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap;margin:0 0 4px}.message-time{font-size:11px;color:var(--text-light);float:left;margin-top:4px}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-light);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input{background:var(--input-bg);padding:8px 16px 4px;border-top:1px solid var(--border-color)}.input-wrapper{display:flex;align-items:center;gap:8px;max-width:1000px;margin:0 auto;background:#fff;border-radius:24px;padding:8px 12px;border:2px solid #e2e8f0;transition:border-color .2s}.input-wrapper:focus-within{border-color:#3b82f6}.input-wrapper textarea{flex:1;border:none;outline:none;resize:none;font-family:Heebo,sans-serif;font-size:15px;line-height:1.5;max-height:100px;overflow-y:auto;background:transparent}.input-wrapper textarea::placeholder{color:var(--text-light)}.send-button{background:var(--button-gradient);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #2563eb66}.send-button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.upload-button{background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;flex-shrink:0}.upload-button:hover:not(:disabled){background:#f1f5f9;color:#475569;transform:scale(1.05)}.upload-button:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-upload .message-content{background:#f1f5f9;border:1px solid #cbd5e1;font-size:13px;color:#475569;max-width:80%;margin:0 auto;text-align:center}.message-text strong{font-weight:600;color:inherit}.message-text p{margin:0;line-height:1.5}.message-text p+p{margin-top:8px}.message-text ol,.message-text ul{padding-right:20px;padding-left:0;margin:4px 0}.message-text li{margin-bottom:4px;overflow-wrap:break-word;word-break:break-word}.footer-branding{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0 4px;font-size:12px;color:var(--text-light)}.footer-logo{height:20px;width:auto;object-fit:contain;opacity:.8;transition:opacity .2s}.footer-logo:hover{opacity:1}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.message-system-escalation .message-content{background:linear-gradient(135deg,#fef9c3,#fde68a);border:1px solid #f59e0b;color:#78350f}.message-system-rep-joined .message-content{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;color:#14532d}.message-system-ended .message-content{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b8;color:#475569}.message-rep{justify-content:flex-start;flex-direction:column;align-items:flex-start}.message-rep .message-content{background:#d1fae5;border-radius:12px 12px 12px 4px;border:1px solid #6ee7b7}.rep-label{font-size:11px;font-weight:600;color:#059669;margin-bottom:3px;padding-right:4px}.waiting-indicator{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px 0;animation:fadeIn .3s ease-in}.waiting-dots{display:flex;gap:5px;align-items:center}.waiting-dots span{width:9px;height:9px;border-radius:50%;background:#f59e0b;animation:waitingPulse 1.4s infinite ease-in-out}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waitingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.waiting-label{font-size:13px;color:#92400e;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.messages-container{padding:12px 8px}.message-content{max-width:85%}.message-system .message-content{max-width:90%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;direction:rtl;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden}#root{height:100vh;width:100vw}:root{--primary-color: #1e3a8a;--secondary-color: #2563eb;--accent-color: #3b82f6;--bg-color: #f8fafc;--chat-bg: #f1f5f9;--message-out: #dbeafe;--message-in: #ffffff;--header-bg: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);--input-bg: #f8fafc;--border-color: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-light: #64748b;--button-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)}