.chat-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:oklch(var(--background));overflow:hidden}.chat-message{animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-container .bg-primary{background:oklch(var(--primary))!important;box-shadow:0 2px 8px oklch(var(--primary)/.2)}.chat-container .bg-secondary{background:oklch(var(--muted))!important;box-shadow:0 2px 8px rgba(0,0,0,.06)}.send-button{transition:all .2s ease}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px oklch(var(--primary)/.3)}.send-button:disabled{opacity:.6;transform:scale(.95)}.chat-textarea{transition:all .2s ease;resize:none}.chat-textarea:focus{outline:none;border-color:oklch(var(--primary));box-shadow:0 0 0 2px oklch(var(--primary)/.1)}@media (max-width:768px){.chat-container{height:100vh;max-height:100vh}.chat-message .max-w-\[85\%\]{max-width:90%}.chat-message .max-w-\[70\%\]{max-width:85%}}@media (min-width:768px){.chat-container{max-width:800px;margin:0 auto;height:100vh;max-height:100vh;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.chat-message .max-w-\[85\%\]{max-width:70%}.chat-message .max-w-\[70\%\]{max-width:60%}}.file-attachment{transition:all .2s ease}.file-attachment:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.online-indicator{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge{font-weight:500;font-size:.75rem;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.status-new{background:rgba(0,122,255,.1);color:#007AFF}.status-open{background:rgba(255,149,0,.1);color:#ff9500}.status-in-progress{background:rgba(255,204,0,.1);color:#ffcc00}.status-resolved{background:rgba(52,199,89,.1);color:#34c759}.status-closed{background:rgba(142,142,147,.1);color:#8e8e93}@media (prefers-color-scheme:dark){.chat-container{background:oklch(var(--background))}.chat-container .bg-secondary{background:oklch(var(--muted))!important}.send-button:hover:not(:disabled){box-shadow:0 4px 12px oklch(var(--primary)/.4)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid oklch(var(--primary));outline-offset:2px}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:transparent}.chat-messages-area::-webkit-scrollbar-thumb{background:oklch(var(--muted-foreground)/.3);border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:oklch(var(--muted-foreground)/.5)}.avatar-support{background:linear-gradient(135deg,oklch(var(--primary)),oklch(var(--primary)/.8))}.avatar-user{background:linear-gradient(135deg,oklch(var(--secondary)),oklch(var(--secondary)/.8))}.message-time{font-size:.75rem;opacity:.7;transition:opacity .2s ease}.chat-message:hover .message-time{opacity:1}.system-message{background:oklch(var(--muted)/.5);border-radius:20px;padding:8px 16px;font-size:.875rem;text-align:center;max-width:80%;margin:1rem auto}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:1rem}.loading-dots{display:flex;gap:4px}.loading-dots>div{width:8px;height:8px;border-radius:50%;background:oklch(var(--primary));animation:loadingBounce 1.4s ease-in-out infinite both}.loading-dots>div:first-child{animation-delay:-.32s}.loading-dots>div:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{text-align:center;padding:2rem;color:oklch(var(--muted-foreground))}.empty-state-icon{width:64px;height:64px;margin:0 auto 1rem;opacity:.5}.action-button{transition:all .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.action-button:active{transform:translateY(0)}.notification-badge{background:oklch(var(--destructive));color:white;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.upload-progress{background:oklch(var(--muted));border-radius:4px;overflow:hidden}.upload-progress-bar{background:oklch(var(--primary));height:100%;transition:width .3s ease}.error-message{background:oklch(var(--destructive)/.1);border:1px solid oklch(var(--destructive)/.2);color:oklch(var(--destructive));padding:.75rem;border-radius:8px;margin:.5rem 0}.success-message{background:oklch(var(--primary)/.1);border:1px solid oklch(var(--primary)/.2);color:oklch(var(--primary));padding:.75rem;border-radius:8px;margin:.5rem 0}.warning-message{background:oklch(var(--warning)/.1);border:1px solid oklch(var(--warning)/.2);color:oklch(var(--warning));padding:.75rem;border-radius:8px;margin:.5rem 0}@media (max-width:480px){.chat-container{height:100vh;max-height:100vh;border-radius:0}.chat-message .max-w-\[85\%\]{max-width:95%}.chat-message .max-w-\[70\%\]{max-width:90%}.system-message{max-width:90%;font-size:.8rem}}@media (min-width:1024px){.chat-container{max-width:1000px;height:100vh;max-height:100vh;margin:0 auto}.chat-message .max-w-\[85\%\]{max-width:65%}.chat-message .max-w-\[70\%\]{max-width:55%}}@media (min-width:1440px){.chat-container{max-width:1200px}.chat-message .max-w-\[85\%\]{max-width:60%}.chat-message .max-w-\[70\%\]{max-width:50%}}@media (max-width:767px){.tg-mini-app .chat-container{height:100vh;max-height:100vh;border-radius:0;margin:0}}@media (max-height:600px){.chat-container{height:100vh;max-height:100vh}.chat-message{margin-bottom:4px}.chat-container .rounded-2xl{padding:6px 8px;font-size:12px}}.overflow-hidden{overflow:hidden!important}.min-h-0{min-height:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}[data-radix-scroll-area-viewport],[data-radix-scroll-area-viewport]>div{height:100%!important}