:root{--primary-color: #25D366;--primary-dark: #128C7E;--primary-light: #DCF8C6;--secondary-color: #34B7F1;--background-color: #f0f2f5;--sidebar-color: #ffffff;--chat-bg-color: #e5ddd5;--text-color: #333;--text-light: #888;--border-color: #e9e9e9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);height:100vh;margin:0;overflow:hidden}.header.svelte-c6y5or{background-color:var(--primary-dark);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a;z-index:10;flex-shrink:0}.header.svelte-c6y5or h1:where(.svelte-c6y5or){font-size:1.5rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;text-align:center;margin:0 10px}.header-actions.svelte-c6y5or{display:flex;gap:15px;flex-shrink:0}.header-actions.svelte-c6y5or button:where(.svelte-c6y5or){background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:5px;line-height:1}.sidebar-toggle.svelte-c6y5or{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;line-height:1;flex-shrink:0}@media (max-width: 768px){.sidebar-toggle.svelte-c6y5or{display:block}.header.svelte-c6y5or h1:where(.svelte-c6y5or){font-size:1.2rem;text-align:left;margin-left:10px}}@media (max-width: 480px){.header.svelte-c6y5or h1:where(.svelte-c6y5or){font-size:1rem}.header-actions.svelte-c6y5or{gap:8px}.header-actions.svelte-c6y5or button:where(.svelte-c6y5or),.sidebar-toggle.svelte-c6y5or{font-size:1.1rem}}.sidebar.svelte-hnx0zy{background-color:var(--sidebar-color);display:flex;flex-direction:column;overflow:hidden;height:100%;border-right:1px solid var(--border-color);width:100%}.search-bar.svelte-hnx0zy{padding:10px;background-color:var(--sidebar-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.search-bar.svelte-hnx0zy input:where(.svelte-hnx0zy){width:100%;padding:10px 15px;border:none;border-radius:20px;background-color:var(--background-color);font-size:.9rem;outline:none}.conversation-list.svelte-hnx0zy{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0}.error-message.svelte-hnx0zy,.empty-state.svelte-hnx0zy{padding:20px;text-align:center;color:var(--text-light)}.error-message.svelte-hnx0zy{color:#e74c3c}.conversation.svelte-hnx0zy{display:flex;padding:12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;align-items:center}.conversation.svelte-hnx0zy:focus{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--background-color)}.conversation.svelte-hnx0zy:hover{background-color:var(--background-color)}.conversation.active.svelte-hnx0zy{background-color:#f0f0f0}.conversation-avatar.svelte-hnx0zy{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:12px;flex-shrink:0;font-size:1.1rem}.conversation-details.svelte-hnx0zy{flex:1;min-width:0}.conversation-header.svelte-hnx0zy{display:flex;justify-content:space-between;margin-bottom:5px;align-items:baseline}.conversation-name.svelte-hnx0zy{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.conversation-time.svelte-hnx0zy{font-size:.8rem;color:var(--text-light);flex-shrink:0}.conversation-preview.svelte-hnx0zy{font-size:.9rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.conversation-avatar.svelte-hnx0zy{width:40px;height:40px;font-size:1rem}.conversation-name.svelte-hnx0zy{font-size:.95rem}.conversation-preview.svelte-hnx0zy{font-size:.85rem}}.chat-container-component.svelte-1vpq41m{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--chat-bg-color);background-image:url(../../../chat_bg.png);background-repeat:repeat;position:relative}.chat-header.svelte-1vpq41m{background-color:var(--sidebar-color);padding:12px 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);z-index:1;flex-shrink:0}.chat-header-avatar.svelte-1vpq41m{width:40px;height:40px;border-radius:50%;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:12px;flex-shrink:0}.chat-header-info.svelte-1vpq41m{flex:1;min-width:0;overflow:hidden}.chat-header-name.svelte-1vpq41m{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;margin-bottom:2px}.chat-header-status.svelte-1vpq41m{font-size:.8rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-actions.svelte-1vpq41m{display:flex;gap:12px;flex-shrink:0}.chat-header-actions.svelte-1vpq41m button:where(.svelte-1vpq41m){background:none;border:none;color:var(--text-light);font-size:1.1rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.chat-header-actions.svelte-1vpq41m button:where(.svelte-1vpq41m):hover{color:var(--primary-dark)}.messages-container.svelte-1vpq41m{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.loading.svelte-1vpq41m,.error-message.svelte-1vpq41m,.empty-state.svelte-1vpq41m{padding:24px;text-align:center;color:var(--text-light);margin:auto}.error-message.svelte-1vpq41m{color:#e74c3c}.empty-state.svelte-1vpq41m{display:flex;flex-direction:column;align-items:center}.empty-state.svelte-1vpq41m i:where(.svelte-1vpq41m){font-size:2.5rem;margin-bottom:12px;color:var(--primary-color)}.empty-state.svelte-1vpq41m h2:where(.svelte-1vpq41m){font-size:1.2rem;font-weight:500;margin-bottom:8px;color:var(--text-color)}.empty-state.svelte-1vpq41m p:where(.svelte-1vpq41m){max-width:280px;font-size:.9rem;line-height:1.4}.message.svelte-1vpq41m{display:block;max-width:60%;min-width:120px;padding:8px 12px 24px;border-radius:7.5px;position:relative;word-break:break-word;font-size:.9375rem;line-height:1.4;box-shadow:0 1px .5px #0000001a}.message-user.svelte-1vpq41m{align-self:flex-start;background-color:var(--sidebar-color);color:var(--text-color)}.message-agent.svelte-1vpq41m,.message-bot.svelte-1vpq41m{align-self:flex-end;background-color:var(--primary-light);color:var(--text-color)}.message-unknown.svelte-1vpq41m{align-self:center;background-color:#fcf8e3;color:#8a6d3b;font-style:italic;font-size:.85rem;max-width:90%}.message-time.svelte-1vpq41m{position:absolute;bottom:4px;right:8px;font-size:.75rem;color:var(--text-light);display:flex;align-items:center;white-space:nowrap;gap:4px;margin-top:4px}.message-status.svelte-1vpq41m{font-size:.8rem}.message-status.delivered.svelte-1vpq41m{color:#555}.message-status.read.svelte-1vpq41m{color:var(--secondary-color)}.message-status.error.svelte-1vpq41m{color:#e74c3c}.media-message.svelte-1vpq41m img:where(.svelte-1vpq41m),.media-message.svelte-1vpq41m video:where(.svelte-1vpq41m),.media-message.svelte-1vpq41m audio:where(.svelte-1vpq41m){max-width:100%;border-radius:5px;display:block;margin-bottom:4px}.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m){margin-top:4px;font-size:.9rem;line-height:1.3;padding-bottom:20px}.media-message.svelte-1vpq41m span:where(.svelte-1vpq41m){font-style:italic;color:var(--text-light)}.input-container.svelte-1vpq41m{display:flex;padding:10px 16px;background-color:var(--sidebar-color);border-top:1px solid var(--border-color);flex-shrink:0}.input-container.svelte-1vpq41m input:where(.svelte-1vpq41m){flex:1;padding:10px 15px;border:1px solid var(--border-color);border-radius:20px;margin-right:10px;font-size:.95rem;outline:none;transition:border-color .2s}.input-container.svelte-1vpq41m input:where(.svelte-1vpq41m):focus{border-color:var(--primary-color)}.input-container.svelte-1vpq41m input:where(.svelte-1vpq41m):disabled{background-color:#f8f8f8;cursor:not-allowed}.input-container.svelte-1vpq41m button:where(.svelte-1vpq41m){background:none;border:none;color:var(--primary-dark);font-size:1.3rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s}.input-container.svelte-1vpq41m button:where(.svelte-1vpq41m):hover:not(:disabled){color:var(--primary-color)}.input-container.svelte-1vpq41m button:where(.svelte-1vpq41m):disabled{color:var(--text-light);cursor:not-allowed}@media (max-width: 768px){.chat-header-actions.svelte-1vpq41m{gap:8px}.chat-header-actions.svelte-1vpq41m button:where(.svelte-1vpq41m){font-size:1rem;padding:2px}.message.svelte-1vpq41m{max-width:85%}}.message-content-wrapper.svelte-1vpq41m p,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) p{margin-bottom:.5em}.message-content-wrapper.svelte-1vpq41m p:last-child,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) p:last-child{margin-bottom:0}.message-content-wrapper.svelte-1vpq41m a,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) a{color:var(--secondary-color);text-decoration:underline}.message-content-wrapper.svelte-1vpq41m ul,.message-content-wrapper.svelte-1vpq41m ol,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) ul,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) ol{padding-left:1.5em;margin-bottom:.5em}.message-content-wrapper.svelte-1vpq41m code,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) code{background-color:#0000000d;padding:2px 4px;border-radius:3px;font-family:monospace}.message-content-wrapper.svelte-1vpq41m pre,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) pre{background-color:#0000000d;padding:8px;border-radius:5px;overflow-x:auto;margin-bottom:.5em;max-width:100%;white-space:pre-wrap}.message-content-wrapper.svelte-1vpq41m blockquote,.media-message.svelte-1vpq41m p:where(.svelte-1vpq41m) blockquote{border-left:3px solid var(--text-light);margin-left:0;padding-left:8px;color:var(--text-light)}.app-layout-container.svelte-9x536v{display:flex;flex-direction:column;height:100vh;overflow:hidden}.container.svelte-9x536v{display:flex;flex:1;overflow:hidden;position:relative}.sidebar-container.svelte-9x536v{width:350px;flex-shrink:0;height:100%;transition:transform .3s ease,width .3s ease;background-color:var(--sidebar-color);border-right:1px solid var(--border-color);position:relative;z-index:1;display:flex}.main-content.svelte-9x536v{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--background-color)}.notification.svelte-9x536v{position:fixed;bottom:20px;right:20px;background-color:var(--primary-dark);color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 3px 10px #0003;z-index:100;display:flex;align-items:center;gap:10px;transform:translateY(120px);opacity:0;transition:transform .3s ease,opacity .3s ease;visibility:hidden}.notification.show.svelte-9x536v{transform:translateY(0);opacity:1;visibility:visible}.notification.svelte-9x536v i:where(.svelte-9x536v){font-size:1.2rem}@media (max-width: 768px){.sidebar-container.svelte-9x536v{position:absolute;top:0;left:0;bottom:0;z-index:20;transform:translate(-100%);width:80%;max-width:350px;border-right:1px solid var(--border-color)}.sidebar-container.open.svelte-9x536v{transform:translate(0)}.main-content.svelte-9x536v{width:100%}}