:root{--green: #25D366;--dark-green: #128C7E;--sidebar-bg: #1F2C34;--sidebar-border: #2d3b44;--chat-bg: #efeae2;--bubble-user: #ffffff;--bubble-bot: #dcf8c6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;background:#f0f2f5}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-box{background:#fff;border-radius:12px;padding:36px;width:400px;box-shadow:0 20px 60px #0000004d}.auth-box h1{font-size:22px;margin-bottom:6px}.auth-box p{color:#6b7280;font-size:13px;margin-bottom:24px}.auth-box label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:5px;margin-top:12px}.auth-box label:first-of-type{margin-top:0}.auth-box input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}.auth-box input:focus{border-color:var(--green)}.btn-primary{width:100%;padding:11px;background:var(--green);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:20px}.btn-primary:hover{background:var(--dark-green)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:300px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column}.sidebar-header{padding:14px 16px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{color:var(--green);font-size:15px;font-weight:700}.btn-logout{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px}.btn-logout:hover{background:#ffffff1a;color:#fff}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--sidebar-border)}.search-wrap input{width:100%;padding:7px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none}.search-wrap input::placeholder{color:#9ca3af}.contact-list{flex:1;overflow-y:auto}.list-empty{padding:32px 16px;text-align:center;color:#9ca3af;font-size:13px}.contact-item{padding:11px 14px;cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid var(--sidebar-border);transition:background .1s}.contact-item:hover{background:#ffffff0d}.contact-item.active{background:#25d3661a;border-left-color:var(--green)}.contact-name{color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:3px}.urgency-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.contact-sub{color:#9ca3af;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:8px 14px;border-top:1px solid var(--sidebar-border);color:#9ca3af;font-size:11px;display:flex;gap:14px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af}.empty-icon{font-size:36px}.detail{flex:1;display:flex;flex-direction:column;overflow:hidden}.detail-header{padding:12px 18px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;flex-shrink:0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.detail-info{flex:1;min-width:0}.dname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dchatid{color:#6b7280;font-size:11px}.header-badges{display:flex;gap:6px;align-items:center;flex-shrink:0}.header-actions{display:flex;gap:6px;flex-shrink:0}.badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-CRITICA{background:#fee2e2;color:#dc2626}.badge-MUY_ALTA{background:#fed7aa;color:#ea580c}.badge-ALTA{background:#fef9c3;color:#ca8a04}.badge-MEDIA{background:#dbeafe;color:#2563eb}.badge-BAJA{background:#dcfce7;color:#16a34a}.badge-NINGUNA{background:#f3f4f6;color:#6b7280}.badge-PAUSADO{background:#fce7f3;color:#be185d}.btn-sm{padding:5px 11px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;cursor:pointer;white-space:nowrap}.btn-sm:hover{background:#f9fafb}.btn-sm.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-sm.primary:hover{background:var(--dark-green)}.btn-sm.danger{border-color:#fca5a5;color:#dc2626}.btn-sm.danger:hover{background:#fee2e2}.btn-sm.success{border-color:#86efac;color:#16a34a}.btn-sm.success:hover{background:#dcfce7}.btn-sm.warning{border-color:#fcd34d;color:#b45309}.btn-sm.warning:hover{background:#fffbeb}.tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0}.tab-btn{padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;color:#6b7280}.tab-btn.active{border-bottom-color:var(--green);color:var(--dark-green);font-weight:600}.tab-history{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--chat-bg)}.empty-msg{text-align:center;color:#9ca3af;padding:32px;font-size:13px}.bubble-wrap{display:flex;flex-direction:column}.bubble-wrap.user{align-items:flex-start}.bubble-wrap.assistant{align-items:flex-end}.bubble{max-width:72%;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.bubble.user{background:var(--bubble-user);border-radius:0 8px 8px}.bubble.assistant{background:var(--bubble-bot);border-radius:8px 0 8px 8px}.bubble-time{font-size:10px;color:#9ca3af;margin-top:2px;padding:0 4px;display:flex;align-items:center;gap:4px}.msg-source{font-size:9px;font-weight:600;padding:1px 5px;border-radius:8px}.operator-tag{background:#dbeafe;color:#1d4ed8}.followup-tag{background:#fef9c3;color:#854d0e}.bubble.operator{background:#dbeafe;border-left:2px solid #3b82f6}.bubble.followup{background:#fef9c3}.send-area{padding:10px 14px;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;flex-shrink:0}.send-area input{flex:1;padding:8px 14px;border:1px solid #d1d5db;border-radius:20px;font-size:13px;outline:none}.send-area input:focus{border-color:var(--green)}.send-area button{padding:8px 18px;background:var(--green);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px}.send-area button:hover{background:var(--dark-green)}.tab-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.card h3{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-label{font-size:13px;font-weight:500}.toggle-sub{font-size:11px;color:#9ca3af;margin-top:3px}.toggle-btn{padding:7px 18px;border-radius:20px;border:none;cursor:pointer;font-size:12px;font-weight:600}.toggle-btn.running{background:#dcfce7;color:#16a34a}.toggle-btn.paused{background:#fee2e2;color:#dc2626}.instr-current{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 12px;font-size:12px;color:#92400e;margin-bottom:8px}.instr-input{width:100%;min-height:78px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;resize:vertical;font-family:inherit;margin-bottom:8px;outline:none}.instr-input:focus{border-color:var(--green)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.fu-status{background:#f9fafb;border-radius:6px;padding:10px 12px;margin-bottom:8px;font-size:12px;color:#374151}.fu-sub{font-size:11px;color:#6b7280;margin-top:2px}.empty-sub{color:#9ca3af;font-size:12px}.fu-form{border-top:1px solid #f3f4f6;padding-top:10px;margin-top:4px}.fu-form-row{display:flex;align-items:center;gap:8px}.fu-input-min{width:68px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;text-align:center}.fu-input-min:focus{border-color:var(--green)}.fu-label{font-size:12px;color:#6b7280;flex-shrink:0}.fu-select{flex:1;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;background:#fff;cursor:pointer}.fu-select:focus{border-color:var(--green)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:24px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;background:#e0e7ff;color:#3730a3;font-size:12px;font-weight:500}.tag-chip button{background:none;border:none;cursor:pointer;color:#6366f1;font-size:15px;line-height:1;padding:0 1px}.tag-chip button:hover{color:#4338ca}.tag-row{display:flex;gap:8px}.tag-row input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none}.tag-row input:focus{border-color:var(--green)}.notes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.note-item{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 10px;font-size:12px;color:#374151}.note-meta{color:#92400e;font-size:11px;margin-bottom:3px}.note-row{display:flex;gap:8px}.note-row input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.note-row input:focus{border-color:var(--green)}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meta-item{background:#f9fafb;border-radius:6px;padding:8px 10px}.meta-key{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.meta-val{font-size:12px;font-weight:500;margin-top:2px;color:#111827}.toast{position:fixed;bottom:20px;right:20px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;z-index:999;opacity:0;transition:opacity .25s;pointer-events:none}.toast.show{opacity:1}.toast.ok{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.toast.err{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.knowledge-nav{padding:10px 14px;border-top:1px solid var(--sidebar-border);color:#9ca3af;font-size:12px;cursor:pointer;transition:background .1s}.knowledge-nav:hover{background:#ffffff0f;color:#fff}.knowledge-nav.active{background:#25d3661a;color:var(--green);border-left:3px solid var(--green)}.knowledge-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.kn-header{padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:14px;flex-shrink:0}.kn-header h2{font-size:16px;font-weight:700}.kn-count{color:#6b7280;font-size:12px}.kn-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;background:#f9fafb}.kn-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.kn-card h3{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.kn-hint{font-size:11px;color:#9ca3af;margin-bottom:12px}.kn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.kn-field label,.kn-label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:4px}.kn-label{margin-bottom:4px}.kn-field input,.kn-card input[type=text]{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.kn-field input:focus,.kn-card input[type=text]:focus{border-color:var(--green)}.kn-textarea{width:100%;min-height:140px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-family:Courier New,monospace;resize:vertical;outline:none;margin-bottom:10px;line-height:1.5}.kn-textarea:focus{border-color:var(--green)}.kn-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kn-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;cursor:pointer}.kn-checkbox input{cursor:pointer}.kn-search-row{display:flex;gap:8px;margin-bottom:10px}.kn-search-row input{flex:1;padding:7px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.kn-search-row input:focus{border-color:var(--green)}.kn-hits{display:flex;flex-direction:column;gap:8px}.kn-hit{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px}.kn-hit-meta{display:flex;gap:8px;align-items:center;margin-bottom:5px;flex-wrap:wrap}.kn-hit-score{background:#dcfce7;color:#16a34a;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600}.kn-hit-src{font-size:11px;font-weight:600;color:#374151}.kn-hit-topic{font-size:11px;color:#9ca3af}.kn-hit-text{font-size:12px;color:#4b5563;line-height:1.5}.kn-source-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;gap:10px}.kn-source-row:last-child{border-bottom:none}.kn-source-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.kn-source-name{font-size:13px;font-weight:500;color:#111827}.kn-source-chunks{font-size:11px;color:#9ca3af}.kn-source-topic{font-size:11px;background:#e0e7ff;color:#3730a3;padding:1px 6px;border-radius:10px}.kn-empty{color:#9ca3af;font-size:13px;padding:8px 0}.startchat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.sc-row{margin-bottom:10px}.sc-textarea{min-height:100px}.sc-hint-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 14px;font-size:12px;color:#1e40af;margin-top:10px}.sc-hint-box strong{display:block;margin-bottom:5px}.sc-hint-box ol{padding-left:16px;line-height:1.8}.sc-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f3f4f6}.sc-history-row:last-child{border-bottom:none}.sc-history-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sc-phone{font-size:13px;font-weight:600;color:#111827}.sc-time{font-size:11px;color:#9ca3af}.sc-preview{font-size:12px;color:#6b7280;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-dot{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle;margin-left:5px;flex-shrink:0}.ws-dot.ws-on{background:var(--green);box-shadow:0 0 5px var(--green)}.ws-dot.ws-off{background:#6b7280}.filter-bar{padding:7px 10px;border-bottom:1px solid var(--sidebar-border);display:flex;gap:6px;align-items:center}.filter-select{flex:1;min-width:0;padding:5px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#d1d5db;font-size:11px;outline:none;cursor:pointer}.filter-select option{background:#2d3b44;color:#fff}.filter-select:focus{border-color:var(--green)}.filter-clear{padding:4px 7px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#9ca3af;cursor:pointer;font-size:11px;flex-shrink:0}.filter-clear:hover{background:#ef444433;color:#f87171;border-color:#f87171}.filter-count{color:var(--green)}.contact-plat{margin-left:auto;font-size:11px;opacity:.7}.bubble.typing{padding:10px 14px}.typing-dots{display:inline-flex;gap:5px;align-items:center;height:14px}.typing-dots span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}