:root{--fondo:#f4f6f8;--tarjeta:#fff;--texto:#1d2329;--tenue:#66707a;--borde:#dde2e7;--primario:#128c7e;--primario-oscuro:#0d6e63;--peligro:#c0392b;--burbuja-out:#dcf8c6;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);margin:0}main{max-width:1100px;margin:0 auto;padding:20px 16px}h1,h2,h3{margin:0 0 8px}h3{margin-top:12px}a{color:var(--primario)}pre{white-space:pre-wrap;word-break:break-all;background:#f0f2f4;border-radius:8px;padding:10px;font-size:13px;overflow:auto}code{font-size:13px}.barra{background:var(--primario);color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.barra a,.barra .enlace{color:#fff;opacity:.85;margin-left:16px;font-size:15px;text-decoration:none}.barra .activo{opacity:1;font-weight:600}.barra .marca{opacity:1;margin:0;font-size:18px;font-weight:700}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;margin-bottom:16px;padding:16px}.titulo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tenue{color:var(--tenue)}.error{color:var(--peligro)}.aviso{color:var(--primario-oscuro);font-weight:600}.centro{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.fila{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{color:var(--tenue);flex-direction:column;gap:4px;margin:10px 0;font-size:14px;display:flex}input,select{font:inherit;border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:8px;padding:9px 10px}button,.boton{font:inherit;border:1px solid var(--borde);color:var(--texto);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}button:hover,.boton:hover{border-color:var(--primario)}button:disabled{opacity:.6;cursor:default}.primario{background:var(--primario);border-color:var(--primario);color:#fff}.primario:hover{background:var(--primario-oscuro)}.peligro{color:var(--peligro)}.enlace{background:0 0;border:none;padding:0}.acciones{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.acciones.centrado{justify-content:center}.login{width:100%;max-width:360px}.login button{width:100%;margin-top:8px}.rejilla{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.sesion .cabeza{align-items:center;gap:12px;display:flex}.sesion h3{margin:0}.logo{object-fit:contain;border:1px solid var(--borde);background:#fff;border-radius:10px;width:48px;height:48px}.logo.vacio{color:#fff;background:var(--primario);text-transform:uppercase;border:none;place-items:center;font-size:20px;font-weight:700;display:grid}.logo.grande{width:96px;height:96px}.punto{vertical-align:middle;background:#aab;border-radius:50%;width:10px;height:10px;display:inline-block}.punto.conectada{background:#25d366}.punto.qr{background:#f1c40f}.punto.cerrada{background:var(--peligro)}.etiqueta{background:#eef1f3;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px}.fondo-modal{background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:420px}.pantalla-qr{text-align:center;width:100%;max-width:440px}.marco-qr{place-items:center;min-height:320px;margin:12px 0;display:grid}.instrucciones{text-align:left;margin:8px 0;display:inline-block}.conectada .grande{color:var(--primario);margin:24px 0 4px;font-size:28px;font-weight:700}.config .tarjeta{max-width:720px}.opciones{gap:8px;display:flex}.opcion{border:1px solid var(--borde);color:var(--texto);cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:6px;padding:8px 12px}.opcion.elegida{border-color:var(--primario);background:#e8f6f4}.secreto{word-break:break-all;background:#f0f2f4;border-radius:8px;flex:1;min-width:200px;padding:8px 10px}.resultado{margin-top:12px}.chat-layout{grid-template-columns:300px 1fr;height:70vh;padding:0;display:grid;overflow:hidden}.lista-chats{border-right:1px solid var(--borde);overflow-y:auto}.lista-chats>p{padding:12px}.chat-item{text-align:left;border:none;border-bottom:1px solid var(--borde);border-radius:0;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.chat-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-item.activo{background:#e8f6f4}.conversacion{flex-direction:column;min-width:0;display:flex}.cabeza-chat{border-bottom:1px solid var(--borde);padding:12px}.burbujas{background:#efeae2;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.burbuja{background:#fff;border-radius:8px;flex-direction:column;gap:2px;max-width:75%;padding:6px 10px;display:flex}.burbuja.out{background:var(--burbuja-out);align-self:flex-end}.burbuja .texto{white-space:pre-wrap;word-break:break-word}.caja-envio{border-top:1px solid var(--borde);gap:8px;padding:10px;display:flex}.caja-envio input{flex:1}.tabla-scroll{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--borde);text-align:left;vertical-align:top;padding:8px 10px}th{color:var(--tenue);font-weight:600}.clicable{cursor:pointer}.clicable:hover{background:#f7f9fa}.http{font-weight:600}.http.ok{color:#1e8e3e}.http.mal{color:var(--peligro)}@media (width<=700px){.chat-layout{grid-template-columns:1fr;height:auto}.lista-chats{border-right:none;border-bottom:1px solid var(--borde);max-height:220px}.conversacion{height:60vh}}