*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;background-color:#f8f8f8;box-sizing:border-box}:root{--primary-color: #00809d;--secondary-color: #ec660d;--background-color: #f8f8f8;--chat-background: #ffffff;--border-color: #cfcfcf;--text-primary: #333;--text-secondary: #666;--user-message-bg: #ec660d;--bot-message-bg: #ffffff;--banner-bg: #ec660d}.container{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--background-color)}#banner{background-color:var(--banner-bg);padding:20px;display:flex;align-items:center;justify-content:space-between;max-height:80px;flex-shrink:0}.banner-left{display:flex;align-items:center}#logo{max-height:65px;min-height:65px}h1,h2{font-size:35px;font-weight:900;text-align:center;margin:0 0 0 12px;color:#fff}h3{font-weight:500;margin:0 0 10px}#subheader{font-weight:600;background:#e6e6e6;display:flex;align-items:center;font-size:14px;padding:10px 20px;flex-shrink:0}#subheader span{flex:1}.status{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ccc}.status.connected:before{background-color:#10b981;animation:pulse 2s infinite}.status.connecting:before{background-color:#f59e0b}.status.error:before{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button,a,.btn{padding:10px 20px;background-color:#fff;border:2px solid var(--secondary-color);border-radius:.5rem;margin-left:10px;font-size:14px;text-decoration:none;cursor:pointer;color:var(--secondary-color);font-family:Tahoma,sans-serif;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s}button:hover,a:hover,.btn:hover{background-color:var(--secondary-color);color:#fff}.icon-button{padding:10px 20px;background-color:#fff;border:2px solid var(--secondary-color);border-radius:.5rem;margin-left:10px;font-size:14px;text-decoration:none;cursor:pointer;color:var(--secondary-color);font-family:Tahoma,sans-serif;font-weight:600;display:inline-flex;align-items:center;gap:8px}.icon-button:hover{background-color:var(--secondary-color);color:#fff}.icon-button svg{stroke:currentColor}.btn-send{background:var(--secondary-color);color:#fff;padding:.75rem;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:48px;border:2px solid var(--secondary-color);margin:0}.btn-send:hover:not(:disabled){background:#d45a0a;border-color:#d45a0a;color:#fff}.btn-send:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;transform:none}.section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-messages,#webchat{flex:1;overflow-y:auto;padding:0 20px;box-sizing:border-box;margin:5px 0;background:var(--chat-background);display:flex;flex-direction:column;gap:1.5rem}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}#chatwindow{flex:1;flex-direction:column;overflow:hidden;display:none}.message{display:flex;gap:.75rem;max-width:80%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.agent-message{align-self:flex-start}.message.system-message{align-self:center;max-width:90%}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-message .message-avatar{background:var(--primary-color);color:#fff}.agent-message .message-avatar{background:var(--secondary-color);color:#fff}.message-content{background:#fff;padding:.75rem 1rem;border-radius:10px;border:2px solid var(--border-color);word-wrap:break-word;line-height:1.5}.user-message .message-content{background:var(--user-message-bg);color:#fff;border-color:var(--user-message-bg);border-radius:10px 10px 2px}.agent-message .message-content{background:var(--bot-message-bg);color:var(--text-primary);border-radius:10px 10px 10px 2px}.system-message .message-content{background:#f0f9ff;border-color:#bae6fd;color:#0c4a6e;text-align:center;font-size:.875rem;padding:.5rem 1rem;border-radius:20px}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text code{background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}.agent-message .message-text code{background:#f9fafb}.user-message .message-text code{background:#fff3;color:#fff}.message-text a{color:var(--primary-color);text-decoration:underline}.user-message .message-text a{color:#fff;text-decoration:underline}.message-text br{line-height:1.8}.chat-input-container{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-top:2px solid var(--border-color);align-items:flex-end}.chat-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;resize:none;max-height:120px;min-height:48px;line-height:1.5;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--primary-color)}.chat-input::placeholder{color:#999}.suggested-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;animation:slideIn .3s ease-out;max-width:80%;align-self:flex-start}.suggested-action,.suggested-action-button{padding:.5rem 1rem;background:#fff;border:2px solid var(--secondary-color);color:var(--secondary-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;font-family:Tahoma,sans-serif;font-weight:600;margin:0}.suggested-action:hover,.suggested-action-button:hover{background:var(--secondary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ec660d4d}.error-message{background:#fee;border:2px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin:1rem;text-align:center}.loading{display:flex;gap:.25rem;padding:.5rem}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-indicator .typing-content{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.typing-indicator .typing-icon{width:32px;height:32px;border-radius:50%;animation:pulse-icon 1.5s ease-in-out infinite}.typing-indicator .typing-text{font-style:italic;color:var(--text-secondary);font-size:.95rem}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.notification_container{width:100%}.notification{padding:20px;background-color:#e6e6e6;text-align:center}@media(max-width:768px){.container{max-width:100%}#banner{padding:15px;max-height:70px}h1,h2{font-size:24px}#logo{max-height:50px;min-height:50px}#subheader{padding:8px 15px;font-size:12px}.chat-messages{padding:0 15px}.message{max-width:90%}.chat-input-container{padding:.75rem 1rem}button,a,.btn,.icon-button{padding:8px 15px;font-size:12px;margin-left:5px}}.message{max-width:90%}.chat-input-container{padding:.75rem 1rem}