:root{--azul: #1f3a5f;--azul-osc: #16283f;--acento: #2f80ed;--verde: #1fa855;--naranja: #e8862d;--rojo: #d64545;--fondo: #f4f6f9;--carta: #ffffff;--borde: #e3e8ef;--texto: #1c2733;--suave: #6b7a8c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--fondo);color:var(--texto)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.pantalla-msg{height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;color:var(--suave)}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--azul-osc),var(--azul))}.login-card{background:var(--carta);padding:40px 36px;border-radius:16px;width:340px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #00000059;text-align:center}.login-logo{font-size:40px}.login-card h1{font-size:22px}.login-sub{color:var(--suave);font-size:13px;margin-bottom:8px}.login-card input{padding:11px 12px;border:1px solid var(--borde);border-radius:8px}.login-err{color:var(--rojo);font-size:13px}.app{display:flex;height:100vh}.sidebar{width:230px;background:var(--azul-osc);color:#dbe4ee;display:flex;flex-direction:column;padding:18px 12px;gap:18px}.brand{display:flex;gap:10px;align-items:center;padding:4px 8px}.brand-icon{font-size:26px}.brand b{display:block;font-size:15px;color:#fff}.brand small{font-size:11px;color:#8fa3ba}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{background:none;border:none;color:#c3d0de;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500}.sidebar nav button:hover{background:#ffffff12}.sidebar nav button.activo{background:var(--acento);color:#fff}.sidebar-pie{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:8px}.usuario{font-size:13px;color:#9fb2c6;overflow:hidden;text-overflow:ellipsis}.contenido{flex:1;overflow:hidden;display:flex}.panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:16px 22px 12px;background:var(--carta);border-bottom:1px solid var(--borde);display:flex;flex-direction:column;gap:10px}.panel-head h2{font-size:18px}.filtros{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.buscador{flex:1;min-width:220px;padding:9px 12px;border:1px solid var(--borde);border-radius:8px}.filtros select{padding:9px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff}.chk{font-size:13px;color:var(--suave);display:flex;gap:6px;align-items:center;white-space:nowrap}.tabs{display:flex;gap:6px}.tabs button{border:1px solid var(--borde);background:#fff;padding:6px 14px;border-radius:20px;font-size:13px;color:var(--suave)}.tabs button.activo{background:var(--acento);border-color:var(--acento);color:#fff}.vacio{padding:60px 20px;text-align:center;color:var(--suave)}.nota{margin:12px 22px 0;padding:10px 14px;background:#fff8e8;border:1px solid #f0dfae;border-radius:8px;font-size:13px;color:#7a6420}.separador{text-align:center;color:var(--suave);font-size:13px;margin:18px 0 6px}.btn{border:1px solid var(--borde);background:#fff;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--texto)}.btn:disabled{opacity:.5;cursor:default}.btn-primario{background:var(--acento);border-color:var(--acento);color:#fff}.btn-verde{background:var(--verde);border-color:var(--verde);color:#fff}.btn-naranja{background:var(--naranja);border-color:var(--naranja);color:#fff}.btn-mini{padding:5px 10px;font-size:13px}.lista-conv{list-style:none;overflow-y:auto;flex:1}.lista-conv li{display:flex;gap:12px;align-items:center;padding:13px 22px;border-bottom:1px solid var(--borde);cursor:pointer;background:var(--carta)}.lista-conv li:hover{background:#f0f5fb}.avatar{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.conv-info{flex:1;min-width:0}.conv-linea1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.conv-linea1 b{font-size:14px}.canal-tag{color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--borde);color:var(--suave)}.tag-ficha{background:#e1f0e6;color:var(--verde)}.tag-humano{background:#fdeeda;color:var(--naranja)}.conv-preview{font-size:13px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hora{font-size:12px;color:var(--suave)}.badge{background:var(--acento);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.conv-layout{flex:1;display:flex;overflow:hidden}.conv-chat{border-right:1px solid var(--borde)}.conv-head{flex-direction:row;align-items:center;gap:12px}.conv-titulo{flex:1}.conv-titulo b{display:block;font-size:15px}.conv-titulo small{color:var(--suave);font-size:12px}.franja{padding:8px 22px;font-size:13px}.franja-naranja{background:#fdeeda;color:#8a5a1d}.franja-roja{background:#fdeaea;color:var(--rojo)}.mensajes{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px;background:#eef2f7}.msg{max-width:62%;padding:9px 13px;border-radius:12px;position:relative;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg-in{align-self:flex-start;background:#fff;border:1px solid var(--borde);border-bottom-left-radius:4px}.msg-out{align-self:flex-end;background:#d7e9fd;border-bottom-right-radius:4px}.msg-autor{display:block;font-size:11px;font-weight:700;color:var(--acento);margin-bottom:3px}.msg-hora{display:block;font-size:10px;color:var(--suave);text-align:right;margin-top:4px}.msg-sistema{align-self:center;background:#fff4e2;border:1px solid #edd9b0;color:#7a5b1e;font-size:12px;padding:8px 14px;border-radius:10px;max-width:80%;text-align:center}.adjunto img{max-width:260px;border-radius:8px;display:block;margin-bottom:4px}.adjunto-doc{display:inline-block;background:#f0f4f9;border:1px solid var(--borde);padding:8px 12px;border-radius:8px;font-size:13px;color:var(--texto);text-decoration:none;margin-bottom:4px}.composer{display:flex;gap:10px;padding:14px 22px;background:var(--carta);border-top:1px solid var(--borde)}.composer textarea{flex:1;resize:none;padding:10px 12px;border:1px solid var(--borde);border-radius:10px}.conv-lateral{width:280px;min-width:280px;overflow-y:auto;padding:20px 18px;background:var(--carta);display:flex;flex-direction:column;gap:10px}.conv-lateral h3{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--suave);margin-top:10px}.ficha p,.presupuesto p{font-size:13px;margin:3px 0}.presupuesto{border:1px solid var(--borde);border-radius:10px;padding:10px 12px}.presupuesto b{font-size:13px}.estado-agendado,.estado-recuperado{background:#e1f0e6;color:var(--verde)}.estado-pendiente{background:#eef1f5}.suave{color:var(--suave);font-size:13px}.galeria{display:flex;flex-wrap:wrap;gap:8px}.galeria img{width:76px;height:76px;object-fit:cover;border-radius:8px}.lista-resultados{list-style:none;overflow-y:auto;flex:1}.lista-resultados li{display:flex;gap:12px;align-items:flex-start;padding:13px 22px;border-bottom:1px solid var(--borde);cursor:pointer;background:var(--carta)}.lista-resultados li:hover{background:#f0f5fb}.res-cuerpo p{font-size:14px}.res-cuerpo small{color:var(--suave);font-size:12px}@media(max-width:900px){.sidebar{width:64px}.brand div,.usuario{display:none}.sidebar nav button{text-align:center}.conv-lateral{display:none}}