.inbox-container{display:flex;flex:1;background:#ffffff;overflow:hidden}.inbox-sidebar{width:320px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;background:#ffffff}.inbox-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0}.inbox-dropdown{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e293b;cursor:pointer;font-size:.95rem}.inbox-list{flex:1;overflow-y:auto}.inbox-item{display:flex;align-items:flex-start;padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s;position:relative}.inbox-item:hover{background:#f8fafc}.inbox-item.active{background:#eff6ff}.inbox-item-avatar{width:40px;height:40px;border-radius:50%;background:#fbbf24;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-right:1rem;flex-shrink:0;position:relative}.inbox-item-content{flex:1;min-width:0}.inbox-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.inbox-item-name{font-weight:600;color:#1e293b;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-date{font-size:.75rem;color:#94a3b8}.inbox-item-bottom{display:flex;justify-content:space-between;align-items:flex-start}.inbox-item-snippet{font-size:.82rem;color:#94a3b8;padding-right:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.4}.inbox-unread-badge{background:#2563eb;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:12px;min-width:18px;text-align:center}.inbox-main{background:#ffffff}.inbox-empty-state,.inbox-main{flex:1;display:flex;flex-direction:column}.inbox-empty-state{align-items:center;justify-content:center;color:#64748b;text-align:center}.inbox-empty-state svg{color:#94a3b8;margin-bottom:1.5rem}.inbox-empty-state h3{font-size:1.25rem;color:#1e293b;margin-bottom:.5rem}.inbox-empty-state p{font-size:.95rem}.inbox-chat-header{justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;z-index:10}.inbox-chat-avatar,.inbox-chat-header,.inbox-chat-user{display:flex;align-items:center}.inbox-chat-avatar{width:40px;height:40px;border-radius:50%;background:#fbbf24;color:#fff;justify-content:center;font-weight:700;font-size:1.1rem;margin-right:1rem}.inbox-chat-user-info h3{margin:0;font-size:1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.inbox-chat-assign{font-size:.8rem;margin-top:.2rem;cursor:pointer}.inbox-chat-actions,.inbox-chat-assign{color:#64748b;display:flex;align-items:center}.inbox-chat-actions{gap:1.5rem;padding-right:.5rem}.inbox-chat-actions svg{cursor:pointer}.inbox-chat-actions svg:hover{color:#2563eb}.inbox-feed{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff}.chat-bubble-wrapper{display:flex;max-width:75%}.chat-bubble-wrapper.incoming{align-self:flex-start}.chat-bubble-wrapper.outgoing{align-self:flex-end;flex-direction:row-reverse}.chat-bubble-avatar{width:32px;height:32px;border-radius:50%;margin-top:auto}.chat-bubble-wrapper.incoming .chat-bubble-avatar{margin-right:.75rem;background:#0ea5e9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.chat-bubble-wrapper.outgoing .chat-bubble-avatar{margin-left:.75rem;background:#f1f5f9}.chat-bubble{padding:1rem;border-radius:8px;font-size:.95rem;line-height:1.5;position:relative}.chat-bubble.incoming{background:#f1f5f9;color:#334155;border-bottom-left-radius:0}.chat-bubble.outgoing{background:#ffffff;color:#334155;border:1px solid #e2e8f0;border-bottom-right-radius:0}.chat-bubble-timestamp{font-size:.7rem;margin-top:.5rem;gap:.25rem}.chat-bubble-timestamp,.chat-divider{color:#94a3b8;display:flex;align-items:center}.chat-divider{text-align:center;margin:1rem 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chat-divider:after,.chat-divider:before{content:"";flex:1;border-bottom:1px solid #e2e8f0}.chat-divider:before{margin-right:1rem}.chat-divider:after{margin-left:1rem}.inbox-input-area{padding:1.5rem;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;z-index:10;position:relative}.inbox-ai-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.inbox-ai-btn{background:#2563eb;color:#fff;border:none;border-radius:16px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.inbox-input-box{border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;display:flex;flex-direction:column}.inbox-input-channel{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.25rem;background:#f8fafc;border-top-left-radius:8px;border-top-right-radius:8px}.inbox-input-channel select{color:#2563eb;font-weight:600;cursor:pointer}.inbox-input-channel select,.inbox-textarea{border:none;background:transparent;outline:none}.inbox-textarea{width:100%;padding:1rem;resize:none;min-height:80px;font-size:.95rem;color:#1e293b}.inbox-input-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.inbox-toolbar-icons{display:flex;gap:.75rem;color:#94a3b8;align-items:center}.inbox-toolbar-icons svg{cursor:pointer}.inbox-toolbar-icons svg:hover{color:#64748b}.inbox-send-btn{background:#94a3b8;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:16px;font-weight:600;font-size:.9rem;cursor:not-allowed}.inbox-send-btn.active{background:#2563eb;cursor:pointer}.write-with-ai-btn{display:flex;align-items:center;gap:.25rem;border:1px solid #e2e8f0;background:#fff;padding:.25rem .5rem;border-radius:16px;font-size:.75rem;color:#64748b;cursor:pointer}.write-with-ai-btn:hover{background:#f8fafc}.new-message-dropdown{position:absolute;top:100%;right:0;width:min(380px,calc(100vw - 2rem));max-height:min(520px,calc(100vh - 7rem));background:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid #e2e8f0;margin-top:.5rem;z-index:50;display:flex;flex-direction:column;overflow:hidden}.new-message-search-container{padding:1rem;border-bottom:1px solid transparent;flex-shrink:0}.new-message-search{display:flex;align-items:center;border:2px solid #3b82f6;border-radius:20px;padding:.5rem 1rem;background:#fff}.new-message-search input{border:none;outline:none;background:transparent;width:100%;margin-left:.5rem;font-size:.95rem;color:#1e293b}.new-message-search input::placeholder{color:#94a3b8}.new-message-contacts{max-height:340px;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain}.new-message-contact-item{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;border:0;background:#fff;cursor:pointer;transition:background .2s;text-align:left}.new-message-contact-item:focus-visible,.new-message-contact-item:hover{background:#f8fafc;outline:none}.new-message-contact-item:focus-visible{box-shadow:inset 0 0 0 2px #3b82f6}.new-message-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-right:1rem;flex-shrink:0}.new-message-contact-info{display:flex;flex-direction:column;min-width:0;flex:1}.new-message-contact-name{font-weight:500;color:#0f172a;font-size:.95rem}.new-message-contact-email,.new-message-contact-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-message-contact-email{font-size:.8rem;color:#94a3b8;margin-top:.1rem}.new-message-add-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:0;background:#fff;color:#2563eb;font-weight:500;cursor:pointer;border-top:1px solid #e2e8f0;transition:background .2s;flex-shrink:0}.new-message-add-btn:focus-visible,.new-message-add-btn:hover{background:#f8fafc;outline:none}.new-message-state{padding:1rem 1.5rem;color:#64748b;font-size:.9rem;line-height:1.4}.new-message-state.error{color:#dc2626}.new-message-inline-action,.new-message-load-more{border:0;background:transparent;color:#2563eb;cursor:pointer;font:inherit;font-weight:600}.new-message-inline-action{display:block;margin-top:.5rem;padding:0}.new-message-load-more{padding:.75rem 1.5rem;text-align:center}.new-message-inline-action:focus-visible,.new-message-inline-action:hover,.new-message-load-more:focus-visible,.new-message-load-more:hover{text-decoration:underline;outline:none}.new-message-load-more:disabled{color:#94a3b8;cursor:default;text-decoration:none}.option-item{padding:.45rem .75rem;display:flex;align-items:center;gap:.55rem;font-size:.86rem;line-height:1.25;min-height:34px;cursor:pointer;color:#1e293b;margin:.1rem .35rem;border-radius:4px;border:1px solid transparent;transition:all .2s ease}.option-item svg{width:16px;height:16px;flex-shrink:0}.option-item:hover{background:#eff6ff;border-color:#93c5fd;color:#0f172a}.option-item.danger{color:#ef4444}.option-item.danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.filter-dropdown-item{transition:all .2s ease}.filter-dropdown-item:not(.active):hover{background:#f8fafc}.assign-option-hover:hover{background:#f8fafc!important}.typing-indicator-bubble{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#f1f5f9;border-radius:18px;width:fit-content;border-bottom-left-radius:4px;margin-top:.5rem}.typing-dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}