body[data-auth=pending]{visibility:hidden}.demo-layout{height:calc(100vh - 88px);display:flex;flex-direction:row;gap:0;overflow:hidden}.demo-threads-pane{flex-shrink:0;width:25vw;min-width:90px;max-width:25vw;background:#fff;border-radius:12px;border:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}.demo-resize-handle{flex-shrink:0;width:10px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;margin:0 3px;z-index:20;border-radius:4px;transition:background .15s}.demo-resize-handle:hover,.demo-resize-handle.dragging{background:#667eea14}.demo-resize-handle-bar{width:4px;height:48px;border-radius:2px;background:#dee2e6;transition:background .15s,height .15s;pointer-events:none}.demo-resize-handle:hover .demo-resize-handle-bar,.demo-resize-handle.dragging .demo-resize-handle-bar{background:#667eea;height:64px}.demo-conv-pane{flex:1;min-width:0;margin-right:16px;background:#fff;border-radius:12px;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:0;overflow:hidden}.demo-info-pane{flex-shrink:0;width:260px;background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;min-height:0;display:flex;flex-direction:column}.demo-threads-header{padding:12px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);flex-shrink:0}.demo-threads-body{overflow-y:auto;padding:8px;flex:1;min-height:0}.demo-threads-footer{border-top:1px solid #e9ecef;background:#f8f9fa;padding:6px 8px;flex-shrink:0;min-height:50px;display:flex;align-items:center;justify-content:center}.demo-threads-footer .pagination{margin:0;font-size:.8rem;justify-content:center;align-items:center}.demo-threads-footer .page-link{padding:.25rem .5rem;border-color:#dee2e6}.demo-threads-footer .page-item.active .page-link{background-color:#667eea;border-color:#667eea}.demo-thread-item{display:flex;gap:10px;padding:10px;border-radius:10px;background:#ffffffe6;cursor:pointer;margin-bottom:8px;transition:background .15s,transform .15s,box-shadow .15s}.demo-thread-item:hover{background:#f8f9fac2;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.demo-thread-item.active{border-left:3px solid #667eea;background:#667eea14}.demo-thread-avatar{width:40px;height:40px;min-width:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;background:linear-gradient(135deg,#667eea,#764ba2)}.demo-thread-meta{flex:1;min-width:0}.demo-thread-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-thread-name{font-weight:600;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-thread-time{color:#6c757d;font-size:.75rem;white-space:nowrap}.demo-thread-snippet{color:#6c757d;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-session-badge{display:inline-flex;align-items:center;justify-content:center;background:#764ba2;color:#fff;border-radius:10px;font-size:.65rem;font-weight:700;padding:1px 6px;min-width:20px}.demo-conv-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.demo-session-nav{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#f0f2ff;border-bottom:1px solid #dee2e6;font-size:.82rem;flex-shrink:0}.demo-session-nav.hidden{display:none}.demo-session-info{color:#495057;font-weight:500}.demo-messages-area{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;background-image:radial-gradient(circle,#e0e0e0 1px,transparent 1px);background-size:20px 20px;min-height:0}.demo-message-item{display:flex;margin-bottom:12px}.demo-message-item.outbound{justify-content:flex-end}.demo-message-item.inbound{justify-content:flex-start}.demo-message-bubble{max-width:70%;padding:10px 14px;border-radius:12px;word-break:break-word;font-size:.9rem;line-height:1.4}.demo-message-item.inbound .demo-message-bubble{background:#fff;border:1px solid #e9ecef;border-top-left-radius:2px;color:#212529}.demo-message-item.outbound .demo-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-top-right-radius:2px}.demo-message-time{font-size:.72rem;opacity:.65;margin-top:4px;display:block;text-align:right}.demo-info-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:12px 16px;font-weight:600;color:#495057;flex-shrink:0}.demo-info-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.demo-info-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #f8f9fa}.demo-info-row:last-child{border-bottom:none}.demo-info-label{min-width:96px;font-weight:600;color:#6c757d}.demo-info-value{color:#212529;flex:1}.demo-campaign-card{background:linear-gradient(135deg,#f0f4ff,#f8f0ff);border:1px solid #d6ccff;border-radius:10px;padding:12px;margin-top:8px}.demo-campaign-card .campaign-label{font-size:.72rem;font-weight:700;color:#764ba2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.demo-campaign-card .campaign-name{font-weight:600;color:#212529;font-size:.9rem}.demo-campaign-card .campaign-client{color:#6c757d;font-size:.82rem;margin-top:2px}