:root{--verde: #075e54;--verde-claro: #25d366;--fondo-chat: #efeae2;--burbuja-out: #d9fdd3;--ink: #111b21;--ink2: #667781;--borde: #e9edef}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--ink)}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;background:url(/login.png) left center / cover no-repeat,#0d1f3c;padding:24px}.login-caja{background:#fffffff5;padding:38px 34px;border-radius:16px;width:360px;margin-right:6vw;box-shadow:0 18px 60px #00000073;display:flex;flex-direction:column;gap:12px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 760px){.login-fondo{justify-content:center;background-position:center}.login-caja{margin-right:0;width:100%;max-width:360px}}.login-logo{font-size:42px}.login-logo-img{width:100%;max-width:250px;margin:0 auto 4px;display:block}.login-caja h1{font-size:20px}.login-sub{color:var(--ink2);font-size:13px;margin-bottom:6px}.login-caja input{padding:11px 12px;border:1.5px solid var(--borde);border-radius:8px;font-size:14px}.login-caja input:focus{outline:none;border-color:var(--verde-claro)}.login-caja button{padding:11px;background:var(--verde);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.login-caja button:disabled{opacity:.6}.login-error{background:#fdecea;color:#b3261e;padding:8px;border-radius:8px;font-size:13px}.login-ayuda{font-size:12px;color:var(--ink2)}.bandeja{display:flex;height:100vh}.lista{width:380px;min-width:300px;border-right:1px solid var(--borde);display:flex;flex-direction:column;background:#fff}.lista-cabeza{background:var(--verde);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.lista-usuario{font-size:12px;opacity:.85}.btn-salir{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.85}.btn-salir:hover{opacity:1}.lista-scroll{flex:1;overflow-y:auto}.lista-vacia{padding:30px;text-align:center;color:var(--ink2);font-size:14px}.conv{display:flex;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid #f5f6f6}.conv:hover{background:#f5f6f6}.conv-activa{background:#f0f2f5}.conv-avatar{width:44px;height:44px;border-radius:50%;background:#d9dde0;display:grid;place-items:center;font-weight:700;color:#fff;flex:none;font-size:18px}.conv-datos{flex:1;min-width:0}.conv-linea1{display:flex;justify-content:space-between;align-items:baseline}.conv-nombre{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-hora{font-size:11.5px;color:var(--ink2);flex:none;margin-left:8px}.conv-linea2{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.conv-preview{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.conv-noleidos{background:var(--verde-claro);color:#fff;font-size:11.5px;font-weight:700;border-radius:12px;padding:1px 7px;flex:none;margin-left:8px}.conv-linea3{display:flex;gap:8px;align-items:center;margin-top:4px}.conv-empresa{font-size:11.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.tag-cliente{background:#e7f5ec;color:#0b7a43}.tag-proveedor{background:#e8f0fe;color:#1a56db}.tag-prospecto{background:#fef3e2;color:#b45309}.tag-nuevo{background:#fdeaea;color:#b3261e}.tag-interno{background:#eee;color:#555}.chat{flex:1;display:flex;flex-direction:column;background:var(--fondo-chat);position:relative}.chat-vacio{flex:1;display:grid;place-items:center;color:var(--ink2);text-align:center}.chat-vacio-icono{font-size:52px;margin-bottom:8px}.chat-cabeza{background:#f0f2f5;padding:10px 16px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--borde)}.chat-sub{font-size:12.5px;color:var(--ink2)}.ventana-abierta{color:#0b7a43;font-weight:600}.ventana-cerrada{color:#b3261e;font-weight:600}.chat-mensajes{flex:1;overflow-y:auto;padding:18px 8%;display:flex;flex-direction:column;gap:6px}.burbuja{max-width:65%;padding:7px 10px;border-radius:8px;box-shadow:0 1px 1px #00000014;font-size:14px;line-height:1.35}.burbuja.entra{background:#fff;align-self:flex-start;border-top-left-radius:2px}.burbuja.sale{background:var(--burbuja-out);align-self:flex-end;border-top-right-radius:2px}.burbuja-texto{white-space:pre-wrap;word-break:break-word}.burbuja-meta{font-size:10.5px;color:var(--ink2);text-align:right;margin-top:3px}.palomas{color:#53bdeb}.chat-error{background:#fdecea;color:#b3261e;padding:8px 16px;font-size:13px}.chat-envio{display:flex;gap:10px;padding:10px 16px;background:#f0f2f5}.chat-envio input{flex:1;padding:11px 14px;border:none;border-radius:22px;font-size:14px}.chat-envio input:focus{outline:none}.chat-envio input:disabled{background:#e5e7e9;color:var(--ink2)}.chat-envio button{width:44px;height:44px;border-radius:50%;border:none;background:var(--verde-claro);color:#fff;font-size:17px;cursor:pointer}.chat-envio button:disabled{opacity:.5;cursor:default}.filtro-etiquetas{padding:8px 12px;border-bottom:1px solid var(--borde);background:#f7f8fa}.filtros-doble{display:flex;flex-direction:column;gap:6px}.filtro-etiquetas select{width:100%;padding:7px 10px;border:1px solid var(--borde);border-radius:8px;font-size:13px;background:#fff}.chip{background:#eef2f5;color:#3b4a54;font-size:11px;font-weight:600;padding:1px 8px;border-radius:10px;white-space:nowrap}.chip-editable{display:inline-flex;align-items:center;gap:4px}.chip-editable button{border:none;background:none;cursor:pointer;color:#8696a0;font-size:13px;padding:0;line-height:1}.chip-editable button:hover{color:#b3261e}.etiquetas-editor{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;align-items:center}.etiquetas-editor form{display:inline}.chip-input{border:1px dashed #c5ced4;border-radius:10px;padding:1px 8px;font-size:11px;width:90px;background:transparent}.chip-input:focus{outline:none;border-color:var(--verde-claro)}.chat-cabeza-info{flex:1;min-width:0}.media-img{max-width:260px;max-height:260px;border-radius:6px;display:block}.media-audio{width:260px}.media-video{max-width:300px;border-radius:6px;display:block}.media-doc{color:#1a56db;font-weight:600;text-decoration:none}.media-doc:hover{text-decoration:underline}.doc-card{display:flex;align-items:center;gap:10px;background:#0000000d;border-radius:8px;padding:10px 12px;min-width:220px;max-width:300px}.doc-icono{font-size:28px;line-height:1}.doc-info{flex:1;min-width:0}.doc-nombre{font-weight:600;font-size:13.5px;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-ext{font-size:11px;color:#667781;margin-top:2px}.doc-descargar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #8696a0;color:#54656f;text-decoration:none;font-size:16px;flex-shrink:0}.doc-descargar:hover{background:#e9edef}.btn-icono{background:none;border:none;cursor:pointer;color:#54656f;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;flex-shrink:0;transition:background .15s}.btn-icono:hover:not(:disabled){background:#0000000f}.btn-icono:disabled{opacity:.4;cursor:default}.btn-mandar{color:#00a884}.chat-envio.grabando{align-items:center;gap:10px}.grab-punto{width:12px;height:12px;border-radius:50%;background:#e5484d;animation:latido 1.2s ease-in-out infinite;flex-shrink:0}@keyframes latido{0%,to{opacity:1}50%{opacity:.25}}.grab-tiempo{font-variant-numeric:tabular-nums;font-weight:600;color:#111b21}.grab-texto{flex:1;color:#667781;font-size:14px}.grab-cancelar{color:#e5484d;font-size:17px}.vista-tabs{display:flex;gap:6px;padding:8px 12px 0}.vista-tabs button{flex:1;padding:6px 0;border:none;border-radius:15px;background:#f0f2f5;color:#54656f;font-weight:600;font-size:13px;cursor:pointer}.vista-tabs .tab-activa{background:#d9fdd3;color:#0b6b4f}.chip-asesor{background:#eef2ff;color:#4353b4;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.chip-asesor-yo{background:#d9fdd3;color:#0b6b4f}.asignada-a{color:#4353b4;font-weight:600}.btn-asignar{margin-left:6px;border:1px solid #c5ccd6;background:#fff;border-radius:12px;padding:1px 10px;font-size:12px;color:#111b21;cursor:pointer}.btn-asignar:hover{background:#f0f2f5}.asignar-select{border:1px solid #c5ccd6;border-radius:12px;background:#fff;padding:1px 8px;font-size:12px;font-weight:600;color:#4353b4;cursor:pointer}.burbuja-autor{font-size:11.5px;font-weight:700;color:#0b6b4f;margin-bottom:2px}.cabeza-botones{display:flex;align-items:center;gap:2px}.btn-nuevochat{background:none;border:none;cursor:pointer;color:#54656f;font-size:22px;font-weight:700;width:34px;height:34px;border-radius:50%}.btn-nuevochat:hover{background:#0000000f}.nuevochat-panel{padding:8px 12px;border-bottom:1px solid var(--borde);background:#fff}.nuevochat-panel>input{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:8px;padding:8px 12px;font-size:13.5px;margin-bottom:6px}.nuevochat-fila{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:none;border:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.nuevochat-fila:hover{background:#f0f2f5}.nuevochat-fila span{font-size:12px;color:#667781}.nuevochat-nuevo strong{color:#0b6b4f}.usuarios-panel{position:fixed;top:60px;left:385px;z-index:40;width:400px;max-height:calc(100vh - 90px);overflow-y:auto;background:#fff;border:1px solid #d5dbe1;border-radius:12px;box-shadow:0 8px 28px #0000002e;padding:14px 16px}.usuarios-lista{margin-bottom:10px}.usuario-fila{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 4px;border-bottom:1px solid #f0f2f5}.usuario-info{display:flex;flex-direction:column;min-width:0}.usuario-info span{font-size:12px;color:#667781}.usuario-inactivo .usuario-info{opacity:.5}.usuario-acciones{display:flex;gap:4px;flex-shrink:0}.usuario-form{display:flex;flex-direction:column;gap:8px}.usuario-form input,.usuario-form select{border:1px solid #d5dbe1;border-radius:8px;padding:7px 10px;font-size:13.5px}.plantilla-barra{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fdf3d8;border-top:1px solid #f0e0b0;padding:8px 14px;font-size:13px;color:#8a6d1a}.plantilla-barra button{border:none;background:#00a884;color:#fff;border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer;flex-shrink:0}.plantilla-barra button:disabled{opacity:.5}.btn-ficha{margin-left:auto;font-size:20px;color:#54656f}.ficha-panel{position:absolute;top:62px;right:10px;z-index:20;width:300px;background:#fff;border:1px solid #d5dbe1;border-radius:12px;box-shadow:0 8px 28px #0000002e;padding:14px 16px;max-height:calc(100% - 90px);overflow-y:auto}.ficha-cabeza{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ficha-campo{display:block;margin-bottom:8px}.ficha-campo span{display:block;font-size:11.5px;font-weight:600;color:#667781;margin-bottom:2px}.ficha-campo input{width:100%;box-sizing:border-box;border:1px solid #d5dbe1;border-radius:8px;padding:6px 10px;font-size:13.5px}.ficha-campo input:disabled{background:#f0f2f5;color:#54656f}.ficha-acciones{display:flex;gap:8px;margin-top:12px}.ficha-guardar,.ficha-monday{flex:1;border:none;border-radius:8px;padding:8px 0;font-weight:600;font-size:13px;cursor:pointer}.ficha-guardar{background:#00a884;color:#fff}.ficha-monday{background:#eef2ff;color:#4353b4}.ficha-guardar:hover{background:#029270}.ficha-monday:hover{background:#dfe6ff}.ficha-nota{margin-top:8px;font-size:12px;color:#667781}.ficha-aviso{margin-top:8px;font-size:13px;font-weight:600;color:#0b6b4f}.buscador{position:relative;padding:8px 12px 0}.buscador input{width:100%;box-sizing:border-box;border:none;background:#f0f2f5;border-radius:8px;padding:8px 30px 8px 12px;font-size:13.5px;outline:none}.buscador input:focus{background:#e9edef}.buscador-limpiar{position:absolute;right:18px;top:14px;background:none;border:none;color:#54656f;cursor:pointer;font-size:13px}.burbuja.nota{align-self:center;background:#fff8c5;border:1px solid #f1e29b;max-width:70%}.nota-titulo{font-size:11.5px;font-weight:700;color:#8a6d1a;margin-bottom:2px}.chat-envio.modo-nota input[type=text],.chat-envio.modo-nota input:not([type]){background:#fff8c5}.btn-nota-activa{background:#fff3b0!important}.rapidas-panel{border-top:1px solid #e0e4e8;background:#fff;max-height:220px;overflow-y:auto;padding:6px 10px}.rapida-fila{display:flex;align-items:center;gap:4px}.rapida-usar{flex:1;display:flex;gap:10px;align-items:baseline;text-align:left;background:none;border:none;padding:7px 8px;border-radius:8px;cursor:pointer;min-width:0}.rapida-usar:hover{background:#f0f2f5}.rapida-usar strong{color:#0b6b4f;flex-shrink:0}.rapida-texto{color:#54656f;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rapida-borrar{background:none;border:none;color:#a0a8b0;cursor:pointer;padding:4px 8px}.rapida-borrar:hover{color:#e5484d}.rapida-vacia{color:#667781;font-size:13px;padding:8px}.rapida-nueva{display:flex;gap:6px;padding:8px 4px 4px;border-top:1px dashed #e0e4e8}.rapida-nueva input:first-child{width:110px;flex:none}.rapida-nueva input{flex:1;border:1px solid #d5dbe1;border-radius:8px;padding:6px 10px;font-size:13px}.rapida-nueva button{border:none;background:#00a884;color:#fff;border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer}.tipo-select{border:none;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;cursor:pointer}.adjunto-barra{display:flex;align-items:center;justify-content:space-between;background:#e7f8ef;border-top:1px solid #d1e7dd;padding:6px 14px;font-size:13px}.adjunto-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.adjunto-nombre em{color:#667781;font-style:normal}.adjunto-quitar{background:none;border:none;cursor:pointer;color:#54656f;font-size:14px;padding:2px 6px;flex-shrink:0}.palomas{color:var(--ink2)}.palomas-azules{color:#53bdeb}.sync-explica{font-size:12px;color:#667781;line-height:1.45;margin:2px 0 4px}.usuario-form button[disabled]{opacity:.6;cursor:wait}.directorio-panel{border-bottom:1px solid var(--borde);background:#fff;display:flex;flex-direction:column;max-height:65vh}.directorio-panel .ficha-cabeza{padding:10px 12px 4px}.directorio-filtros{display:flex;gap:6px;padding:6px 12px 8px}.directorio-filtros input{flex:1;border:1px solid var(--borde);border-radius:8px;padding:7px 10px;font-size:13.5px;outline:none}.directorio-filtros select{border:1px solid var(--borde);border-radius:8px;padding:6px;font-size:12.5px;background:#fff;color:var(--ink2);max-width:42%}.directorio-lista{overflow-y:auto;flex:1}.directorio-fila{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:none;border-top:1px solid #f2f2f2;padding:8px 12px;cursor:pointer;font:inherit}.directorio-fila:hover{background:#f5f6f6}.directorio-datos{flex:1;min-width:0}.directorio-linea1{display:flex;align-items:center;gap:8px;justify-content:space-between}.directorio-linea2{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.directorio-mas{display:block;width:calc(100% - 24px);margin:8px 12px 12px;padding:8px;border:1px solid var(--borde);border-radius:8px;background:#f7f8f8;color:var(--ink);font-weight:600;cursor:pointer}.directorio-mas:hover{background:#eef0f0}.ficha-borrar{display:block;width:100%;margin-top:8px;padding:8px;border:1px solid #f3c1bd;border-radius:8px;background:#fdf1f0;color:#b3261e;font-size:12.5px;font-weight:600;cursor:pointer}.ficha-borrar:hover{background:#fbe4e2}.plantilla-barra{flex-direction:column;align-items:stretch;gap:6px}.plantilla-fila{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plantilla-fila span{flex:1;min-width:180px}.plantilla-fila select{border:1px solid #e0c580;border-radius:8px;padding:6px 8px;font-size:13px;background:#fff;max-width:260px}.plantilla-campos{display:flex;flex-direction:column;gap:6px}.plantilla-campos input{border:1px solid #e0c580;border-radius:8px;padding:7px 10px;font-size:13px;outline:none;background:#fff}.plantilla-preview{font-size:12.5px;color:#7a6a3f;background:#fff8e6;border:1px dashed #e0c580;border-radius:8px;padding:8px 10px;line-height:1.45}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#111b218c;display:grid;place-items:center;z-index:1000}.modal-caja{background:#fff;border-radius:14px;padding:26px 28px;width:92%;max-width:380px;text-align:center;box-shadow:0 18px 60px #00000059;display:flex;flex-direction:column;gap:10px}.modal-icono{font-size:34px}.modal-caja p{font-size:13.5px;color:var(--ink2);line-height:1.45}.modal-botones{display:flex;gap:10px;margin-top:6px}.modal-botones button{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none}.modal-cancelar{background:#f0f2f5;color:var(--ink)}.modal-cancelar:hover{background:#e4e7ea}.modal-confirmar{background:#b3261e;color:#fff}.modal-confirmar:hover{background:#9a1f18}.btn-volver{display:none;border:none;background:none;font-size:22px;color:var(--ink);cursor:pointer;padding:0 4px;flex:none}@media (max-width: 900px){.bandeja{height:100dvh}.lista{width:100%;min-width:0;border-right:none}.chat,.bandeja.movil-chat .lista{display:none}.bandeja.movil-chat .chat{display:flex;width:100%}.btn-volver{display:block}.chat-mensajes{padding:14px 4%}.burbuja{max-width:85%}.media-img{max-width:78vw;max-height:320px}.media-audio{width:68vw}.media-video{max-width:80vw}.chat-cabeza{padding:8px 10px;gap:8px}.chat-sub{line-height:1.7}.chat-envio{padding:8px 10px;gap:6px}.usuarios-panel{left:3vw;right:3vw;width:auto;top:66px;max-height:calc(100dvh - 90px)}.ficha-panel{left:3vw;right:3vw;width:auto;max-height:calc(100dvh - 130px)}.directorio-panel{max-height:70dvh}.conv-preview{max-width:55vw}.vista-tabs button{font-size:12.5px}.plantilla-fila span{min-width:100%}}@media (max-width: 420px){.lista-cabeza{padding:12px 10px}.cabeza-botones{gap:4px}.chat-sub .asignar-select,.chat-sub .tipo-select{max-width:110px}}.chat-envio{align-items:flex-end}.chat-envio .envio-texto{flex:1;padding:11px 14px;border:none;border-radius:22px;font-size:14px;font-family:inherit;line-height:1.4;resize:none;max-height:132px;overflow-y:auto;background:#fff}.chat-envio .envio-texto:focus{outline:none}.chat-envio .envio-texto:disabled{background:#e5e7e9;color:var(--ink2)}