body[data-auth=pending]{visibility:hidden}.conversations-layout{height:calc(100vh - 88px);display:grid;grid-template-columns:300px 1fr 260px;gap:16px;overflow:hidden}@media(max-width:1200px){.conversations-layout{grid-template-columns:280px 1fr 240px}}@media(max-width:992px){.conversations-layout{grid-template-columns:1fr;height:auto}}.threads-pane{background:#fff;border-radius:12px;border:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}.threads-header{padding:12px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);flex-shrink:0}.threads-body{position:relative;overflow-y:auto;padding:8px;min-height:0;flex:1}.threads-footer{border-top:1px solid #e9ecef;background:#f8f9fa;padding:6px 8px;flex-shrink:0;min-height:50px}.threads-footer .pagination{margin:0;font-size:.8rem;justify-content:center}.threads-footer .page-link{padding:.25rem .5rem;border-color:#dee2e6;min-width:auto}.threads-footer .page-item.active .page-link{background-color:#667eea;border-color:#667eea}@media(max-width:360px){.threads-footer .page-link{padding:.2rem .4rem;font-size:.75rem}}.thread-item{display:flex;gap:10px;padding:10px;border-radius:10px;border:1px solid #e9ecef;background:#ffffffe6;cursor:pointer;margin-bottom:8px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.thread-item:hover{background:#f8f9fac2;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.thread-item.active{border-left:3px solid #667eea;background:#667eea14}.thread-avatar{width:36px;height:36px;min-width:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.thread-meta{flex:1;min-width:0}.thread-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.thread-name{font-weight:600;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-time{color:#6c757d;font-size:.75rem;white-space:nowrap}.thread-snippet{color:#6c757d;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threads-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:center;padding-top:18px;opacity:0;pointer-events:none;transition:opacity .15s ease}.threads-overlay.show{opacity:1;pointer-events:all}.conversation-pane{background:#fff;border-radius:12px;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:0;overflow:hidden}.conversation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.conversation-messages{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.05) 1px,transparent 0);background-size:20px 20px;min-height:0}.conversation-input{background:#fff;border-top:1px solid #e9ecef;padding:12px 16px;display:flex;gap:8px;align-items:center}.info-pane{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:auto;min-height:0}.info-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:12px 16px;font-weight:600;color:#495057}.info-body{padding:16px}.info-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #f8f9fa}.info-row:last-child{border-bottom:none}.info-label{min-width:96px;font-weight:600;color:#6c757d}.info-value{color:#212529;flex:1}.workflow-step{display:inline-block;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.step-created{background-color:#e2e2e2;color:#5d5d5d}.step-sent{background-color:#e3e8fd;color:#1976d2}.step-contacted{background-color:#f3e5f5;color:#7b1fa2}.step-responded{background-color:#e8f5e8;color:#388e3c}.step-qualified{background-color:#fff3e0;color:#f57c00}.step-converted{background-color:#e8f5e8;color:#2e7d32}.step-rejected{background-color:#ffebee;color:#d32f2f}.tag{display:inline-block;background-color:#f1f3f4;color:#5f6368;padding:2px 6px;border-radius:10px;font-size:10px;margin-right:4px;margin-bottom:2px}html{scrollbar-gutter:stable right-edge}.message-item{margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.message-item.outbound{flex-direction:row-reverse}.message-bubble{max-width:70%;padding:8px 12px;border-radius:12px;word-wrap:break-word}.message-item.inbound .message-bubble{background:#e9ecef;color:#212529;border-bottom-left-radius:4px}.message-item.outbound .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-timestamp{font-size:.75rem;margin-top:4px;text-align:center}.message-item.outbound .message-timestamp{text-align:right;color:#e3e3e3}.message-item.inbound .message-timestamp{text-align:left;color:#6c757d}.app-content{padding:.5rem}