.root{display:flex;flex-direction:column;height:100%;background:#f5f7fa}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;border-right:1px solid #e0e0e0;background:#fff;padding:1rem;overflow-y:auto}.sidebarTitle{margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:#333}.loadingText{color:#777;font-style:italic}.threadList{list-style:none;padding:0;margin:0}.threadItem{display:block;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:8px;text-decoration:none;color:#333;font-size:.95rem;background:#fff;border-left:4px solid transparent}.threadItem.active{background:#e8f0fe;border-left-color:#3b82f6}.chatArea{flex:1;display:flex;flex-direction:column}.emptyState{padding:2rem;text-align:center;color:#777}.leadHeader{padding:1rem 1rem .5rem;border-bottom:1px solid #e0e0e0;background:#fff}.leadName{margin:0;font-size:1.3rem;font-weight:600}.leadPhone{margin:.25rem 0;font-size:.95rem;color:#555}.leadMeta{margin:.25rem 0;color:#777;font-size:.85rem}.leadMetaSmall{margin:.25rem 0;color:#999;font-size:.75rem}.messagesContainer{flex:1;padding:1rem;overflow-y:auto;background:#f1f3f6}.messageRow{display:flex;margin-bottom:.75rem}.message-bubble{position:relative;padding:10px 14px;max-width:70%;font-size:.95rem;line-height:1.4;word-break:break-word;overflow:visible;white-space:pre-wrap}.message-bubble.outbound{background:#3b82f6;color:#fff;border-radius:18px 18px 4px!important}.message-bubble.outbound:after{content:none}.message-bubble.inbound{background:#e5e7eb;color:#333;border-radius:18px 18px 18px 4px!important}.message-bubble.inbound:after{content:none}.inputBar{display:flex;align-items:center;padding:.75rem 1rem;border-top:1px solid #e0e0e0;background:#fff}.inputBar.dragOver{border-top:2px dashed #3b82f6;background:#f0f9ff}.attachIcon{margin-right:8px;margin-top:4px;cursor:pointer}.textInput{flex:1;padding:.5rem .75rem;border-radius:6px;border:1px solid #ccc;font-size:.95rem;margin-right:.5rem}.sendButton{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem}.unreadDot{display:inline-block;min-width:16px;height:16px;line-height:16px;background-color:red;color:#fff;font-size:10px;text-align:center;border-radius:50%;margin-left:8px;padding:0 4px}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){html,body,#root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}