.inbox-layout{background-color:#f8fafc;width:100%;height:100dvh;padding:20px;box-sizing:border-box;overflow-x:hidden}.inbox-container{display:flex;background:#fff;border:1px solid #eeeeee;border-radius:12px;width:100%;height:100%;overflow:hidden;box-shadow:0 4px 10px #14d39a08}.thread-list-pane{width:340px;border-right:1px solid #eeeeee;display:flex;flex-direction:column;background:#fdfdfd;flex-shrink:0}.thread-list-pane .pane-header{padding:20px 16px;border-bottom:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center}.thread-list-pane .pane-header h2{font-size:1.1rem;color:#14d39a;font-weight:700;margin:0}.thread-list-pane .pane-header .unread-count{font-size:.75rem;background:#e0f2fe;color:#14d39a;padding:4px 8px;border-radius:20px;font-weight:700}.thread-list-pane .thread-list{flex:1;overflow-y:auto}.thread-list-pane .thread-list .thread-item{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #f1f5f9;padding:16px;cursor:pointer;transition:.2s;position:relative}.thread-list-pane .thread-list .thread-item:hover{background:#f8fafc}.thread-list-pane .thread-list .thread-item.active{background:#f0f9ff;border-left:4px solid #14d39a;padding-left:12px}.thread-list-pane .thread-list .thread-item.unread .vendor-name{font-weight:800;color:#1e293b}.thread-list-pane .thread-list .thread-item .thread-top{display:flex;justify-content:space-between;margin-bottom:4px}.thread-list-pane .thread-list .thread-item .thread-top .vendor-name{font-size:.95rem;font-weight:600;color:#475569}.thread-list-pane .thread-list .thread-item .thread-top .date{font-size:.75rem;color:#888}.thread-list-pane .thread-list .thread-item .tool-name{font-size:.75rem;color:#14d39a;margin-bottom:8px;font-weight:700}.thread-list-pane .thread-list .thread-item .last-message{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-list-pane .thread-list .thread-item .unread-badge{position:absolute;top:16px;right:16px;background:#d31467;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.chat-pane{flex:1;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.chat-pane .chat-header{padding:16px 24px;border-bottom:1px solid #eeeeee;display:flex;justify-content:space-between;align-items:center;background:#fff}.chat-pane .chat-header .header-left{display:flex;align-items:center;gap:12px;overflow:hidden;width:100%}.chat-pane .chat-header .header-left .btn-back-mobile{display:none;background:none;border:none;padding:4px;cursor:pointer;color:#888}.chat-pane .chat-header .header-left .btn-back-mobile svg{width:24px;height:24px}.chat-pane .chat-header .header-left .vendor-name{font-size:1.1rem;color:#333;font-weight:700;margin:0 0 4px;text-overflow:ellipsis;width:100%;overflow:hidden}.chat-pane .chat-header .header-left .tool-link{font-size:.8rem;color:#888}.chat-pane .chat-header .header-left .tool-link a{color:#14d39a;text-decoration:none;font-weight:700}.chat-pane .chat-header .header-left .tool-link a:hover{text-decoration:underline}.chat-pane .chat-header .status-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:4px;border:1px solid #eeeeee;color:#475569;background:#f8fafc}.chat-pane .chat-messages{flex:1;overflow-y:auto;padding:24px;background:#fafbfc}.chat-pane .chat-messages .message-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.chat-pane .chat-messages .system-message{text-align:center;font-size:.75rem;color:#888;background:#f1f5f9;padding:8px 16px;border-radius:20px;align-self:center;margin-bottom:8px}.chat-pane .chat-messages .message-wrapper{display:flex;gap:12px;max-width:85%}.chat-pane .chat-messages .message-wrapper.me{flex-direction:row-reverse;align-self:flex-end}.chat-pane .chat-messages .message-wrapper.me .bubble{background:#14d39a;color:#fff;border-radius:16px 16px 2px}.chat-pane .chat-messages .message-wrapper.vendor{align-self:flex-start}.chat-pane .chat-messages .message-wrapper.vendor .avatar{width:36px;height:36px;background:#cbd5e1;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.chat-pane .chat-messages .message-wrapper.vendor .bubble{background:#fff;border:1px solid #eeeeee;border-radius:2px 16px 16px}.chat-pane .chat-messages .message-wrapper .bubble{padding:12px 16px;font-size:.95rem;line-height:1.6;box-shadow:0 2px 4px #00000005}.chat-pane .chat-messages .message-wrapper .bubble p{margin:0;white-space:pre-wrap}.chat-pane .chat-messages .message-wrapper .timestamp{font-size:.7rem;color:#888;align-self:flex-end;margin-bottom:4px}.chat-pane .chat-input-area{padding:16px 24px;background:#fff;border-top:1px solid #eeeeee}.chat-pane .chat-input-area .quick-replies{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.chat-pane .chat-input-area .quick-replies::-webkit-scrollbar{display:none}.chat-pane .chat-input-area .quick-replies .reply-chip{white-space:nowrap;background:#f1f5f9;border:1px solid #eeeeee;padding:6px 12px;border-radius:20px;font-size:.8rem;cursor:pointer;color:#475569}.chat-pane .chat-input-area .quick-replies .reply-chip:hover{background:#e6fffa;color:#14d39a;border-color:#14d39a}.chat-pane .chat-input-area .input-wrapper{display:flex;background:#f1f5f9;border-radius:12px;padding:8px 12px;align-items:flex-end;gap:8px}.chat-pane .chat-input-area .input-wrapper textarea{flex:1;border:none;background:transparent;resize:none;min-height:40px;max-height:120px;font-size:.95rem;padding:8px 0}.chat-pane .chat-input-area .input-wrapper textarea:focus{outline:none}.chat-pane .chat-input-area .input-wrapper .btn-send{background:#14d39a;color:#fff;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.chat-pane .chat-input-area .input-wrapper .btn-send:disabled{opacity:.4;cursor:not-allowed}.chat-pane .chat-input-area .input-wrapper .btn-send svg{width:18px;height:18px}.chat-pane .empty-chat{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.chat-pane .empty-chat svg{width:48px;height:48px;margin-bottom:16px;color:#cbd5e1}.chat-pane .empty-chat p{font-size:.95rem}@media (max-width: 768px){.inbox-layout{padding:0;height:calc(100vh - 56px)}.inbox-container{border-radius:0;border:none}.thread-list-pane{width:100%;border-right:none}.chat-pane{width:100%}.hidden-mobile{display:none!important}.chat-pane .chat-header{padding:12px 16px}.chat-pane .chat-header .header-left .btn-back-mobile{display:flex;align-items:center}.chat-pane .chat-header .vendor-name{font-size:1rem}.chat-pane .chat-messages{padding:16px}.chat-pane .chat-input-area{padding:12px 16px}}