:root{--tinta: #2b2240;--tinta-suave: #6a6080;--papel: #fff8ec;--papel-2: #f4ead8;--linea: #e3d6bd;--naranja: #ff7a59;--naranja-oscuro: #d9573a;--amarillo: #ffd23f;--verde: #29a37a;--rojo: #d6453d;--noche-1: #241c47;--noche-2: #4a3a8c;--sombra: 0 4px 0 var(--tinta);font-family:ui-rounded,Nunito,Quicksand,Segoe UI,system-ui,sans-serif;font-size:15px;color:var(--tinta)}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.09) 0 2px,transparent 3px) 0 0 / 90px 90px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.07) 0 1.5px,transparent 2.5px) 0 0 / 130px 130px,linear-gradient(160deg,var(--noche-1),var(--noche-2));background-attachment:fixed;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1{font-size:1.6rem;margin:0 0 .4em;line-height:1.2}h2{font-size:1.15rem;margin:0 0 .7em}h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:1.3em 0 .5em}p{margin:0 0 1em;line-height:1.5}:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.tarjeta{background:var(--papel);border:3px solid var(--tinta);border-radius:18px;box-shadow:var(--sombra);padding:22px}.boton{background:var(--naranja);color:#fff;font-weight:800;border:3px solid var(--tinta);border-radius:12px;padding:9px 16px;box-shadow:0 3px 0 var(--tinta);transition:transform .06s,box-shadow .06s;white-space:nowrap}.boton:hover:not(:disabled){background:var(--naranja-oscuro)}.boton:active:not(:disabled){transform:translateY(3px);box-shadow:none}.boton:disabled{opacity:.5;cursor:default}.boton.plano{background:var(--papel);color:var(--tinta)}.boton.plano:hover:not(:disabled){background:var(--papel-2)}.boton.ancho{width:100%}label{display:block;font-weight:800;font-size:.85rem;margin:14px 0 5px}input,select,textarea{width:100%;background:#fff;border:3px solid var(--tinta);border-radius:12px;padding:9px 12px}textarea{resize:vertical}.error{color:var(--rojo);font-weight:700;margin:10px 0 0}.ayuda,.nota{color:var(--tinta-suave);font-size:.85rem;margin:6px 0 0;line-height:1.45}.marca{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem}.logo{width:36px;height:36px;flex:none;border-radius:9px;background:url(/logo-chico.svg) center / cover no-repeat}.rol{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:99px;border:2px solid var(--tinta);background:var(--papel-2);white-space:nowrap}.rol-dueno{background:var(--amarillo)}.rol-administrador{background:#bfe3ff}.rol-colaboradora{background:#d9f3c9}.globo{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:99px;background:var(--rojo);color:#fff;font-size:.72rem;font-weight:800;line-height:18px;text-align:center}.portada{height:100%;display:grid;place-items:center;padding:20px;overflow:auto}.portada.alta{display:block;padding:0}.cargando{color:#fff;font-weight:800}.entrada{width:min(420px,100%)}.entrada .marca{margin-bottom:22px}.entrada form .boton,.entrada>.boton{margin-top:18px;width:100%}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;color:#fff}.cabecera .quien{display:flex;gap:10px;align-items:center}.cabecera{width:100%}.nombre-mio{width:190px;color:var(--tinta)}.lista{width:min(900px,100%);margin:0 auto;padding:10px 28px 60px}.titulo-lista{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.titulo-lista h1{color:#fff;margin:0}.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.workspace{display:flex;flex-direction:column;gap:6px;text-align:left;min-height:160px;transition:transform .08s}.workspace:hover{transform:translateY(-3px)}.ws-id{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--tinta-suave)}.ws-nombre{font-size:1.2rem;font-weight:900}.ws-desc{color:var(--tinta-suave);line-height:1.4;flex:1}.workspace .pie{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.workspace .entrar{font-weight:900;color:var(--naranja-oscuro)}.formulario{margin-bottom:22px}.formulario .acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.con-prefijo{display:flex;align-items:center;border:3px solid var(--tinta);border-radius:12px;background:#fff;overflow:hidden}.con-prefijo span{padding:9px 0 9px 12px;color:var(--tinta-suave);font-family:ui-monospace,monospace;font-size:.85rem;white-space:nowrap}.con-prefijo input{border:0;border-radius:0;padding-left:2px;font-family:ui-monospace,monospace;font-size:.85rem}.vacio{text-align:center;color:var(--tinta-suave);margin-bottom:18px}.espacio{position:fixed;top:0;right:0;bottom:0;left:0}.lienzo{position:absolute;top:0;right:0;bottom:0;left:0}.lienzo canvas{display:block;cursor:pointer}.capa{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ent,.rotulo-puerta{position:absolute;left:0;top:0;will-change:transform}.ent{display:flex;flex-direction:column;align-items:center;gap:4px;width:240px;margin-left:0}.placa{background:#2b2240d1;color:#fff;font-size:.74rem;font-weight:800;padding:2px 9px;border-radius:99px;white-space:nowrap}.ent.yo .placa{background:var(--naranja);border:2px solid var(--tinta)}.burbujas{display:flex;flex-direction:column;align-items:center;gap:4px}.burbuja{max-width:230px;background:#fff;border:3px solid var(--tinta);border-radius:14px;padding:6px 11px;font-size:.88rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;box-shadow:0 3px #2b224059;animation:sube .22s ease-out;transition:opacity .4s,transform .4s}.burbuja.se-va{opacity:0;transform:translateY(-10px)}@keyframes sube{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}.rotulo-puerta{background:var(--amarillo);border:2px solid var(--tinta);border-radius:8px;font-size:.7rem;font-weight:800;padding:1px 7px;white-space:nowrap}.barra{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.barra>*{pointer-events:auto}.donde{display:flex;align-items:center;gap:10px;background:var(--papel);border:3px solid var(--tinta);border-radius:16px;box-shadow:var(--sombra);padding:7px 16px 7px 9px}.donde .ws{font-size:.74rem;font-weight:700;color:var(--tinta-suave)}.donde .sala-actual{font-size:1.05rem;font-weight:900;line-height:1.15}.barra nav{display:flex;gap:4px;background:var(--tinta);border-radius:16px;padding:5px;box-shadow:0 4px #00000059;flex-wrap:wrap;justify-content:flex-end}.barra nav button{background:transparent;color:#fff;font-weight:800;border:0;border-radius:11px;padding:8px 13px}.barra nav button:hover{background:#ffffff24}.barra nav button.activo{background:var(--amarillo);color:var(--tinta)}.panel,.directo{position:absolute;background:var(--papel);border:3px solid var(--tinta);border-radius:18px;box-shadow:var(--sombra);display:flex;flex-direction:column}.panel{left:12px;top:78px;bottom:84px;width:348px;padding:18px;overflow-y:auto}.panel section{margin-bottom:4px}.directo{right:12px;bottom:84px;width:330px;max-height:min(480px,calc(100% - 180px));overflow:hidden}.directo header{display:flex;justify-content:space-between;align-items:center;background:var(--tinta);color:#fff;font-weight:900;padding:9px 9px 9px 16px}.directo header button{background:transparent;border:0;color:#fff;font-size:1.4rem;line-height:1;padding:0 8px}.directo>.ayuda{padding:12px 16px 0}.directo>.conversacion{padding:12px 14px}.corto{display:flex;gap:8px;padding:10px;border-top:3px solid var(--tinta);background:var(--papel-2)}.conversacion{display:flex;flex-direction:column;gap:9px;overflow-y:auto;flex:1;min-height:60px}.linea{display:flex;flex-direction:column;align-items:flex-start}.linea .meta{font-size:.72rem;color:var(--tinta-suave);font-weight:700;margin-bottom:2px}.linea .texto{background:#fff;border:2px solid var(--tinta);border-radius:12px;padding:5px 10px;line-height:1.35;overflow-wrap:anywhere;max-width:100%}.linea.mia{align-items:flex-end}.linea.mia .texto{background:#ffe3d9}.fila-sala{display:grid;grid-template-columns:1fr auto;gap:1px 8px;width:100%;text-align:left;align-items:center;background:#fff;border:2px solid var(--tinta);border-radius:12px;padding:8px 12px;margin-bottom:6px}.fila-sala:hover{background:var(--papel-2)}.fila-sala.aqui{background:var(--amarillo)}.fila-sala .nombre{font-weight:800}.fila-sala .quienes{grid-column:1;font-size:.8rem;color:var(--tinta-suave)}.fila-sala.aqui .quienes{color:var(--tinta)}.fila-sala .cuenta{grid-column:2;grid-row:1 / span 2;background:var(--verde);color:#fff;font-weight:800;border:2px solid var(--tinta);border-radius:99px;min-width:26px;text-align:center;padding:1px 6px}.ws-ficha{margin:-4px 0 12px}.fila-persona{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:2px dashed var(--linea);flex-wrap:wrap}.fila-persona .quien-es{display:flex;flex-direction:column;flex:1;min-width:110px}.fila-persona .nombre{font-weight:800}.fila-persona .correo{font-size:.76rem;color:var(--tinta-suave);overflow-wrap:anywhere}.fila-persona select{width:auto;padding:4px 8px;border-width:2px;font-size:.8rem;font-weight:700}.punto{width:11px;height:11px;border-radius:50%;border:2px solid var(--tinta);background:#cfc7d8;flex:none}.punto.en-linea{background:#4ad17f}.mini{background:#fff;border:2px solid var(--tinta);border-radius:9px;padding:3px 9px;font-size:.8rem;font-weight:800}.mini:hover{background:var(--papel-2)}.mini.peligro{color:var(--rojo)}.invitar{display:grid;grid-template-columns:1fr auto;gap:8px}.invitar input{grid-column:1 / -1}.muestras{display:flex;flex-wrap:wrap;gap:7px}.muestra{width:30px;height:30px;border-radius:9px;border:2px solid var(--tinta);padding:0}.muestra.elegida{outline:3px solid var(--naranja);outline-offset:2px}.opciones{display:flex;flex-wrap:wrap;gap:6px}.opciones button{background:#fff;border:2px solid var(--tinta);border-radius:10px;padding:5px 11px;font-weight:700}.opciones button.elegida{background:var(--amarillo)}.decir{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(620px,calc(100% - 24px));display:flex;gap:8px;background:var(--tinta);border-radius:18px;padding:8px;box-shadow:0 4px #00000059}.decir input{border-color:transparent}.aviso,.franja{position:absolute;left:50%;transform:translate(-50%);z-index:5;max-width:min(560px,calc(100% - 24px));border:3px solid var(--tinta);border-radius:14px;font-weight:800;padding:9px 16px;box-shadow:var(--sombra)}.aviso{top:78px;background:var(--amarillo);animation:sube .2s ease-out}.franja{top:78px;background:var(--rojo);color:#fff}.velo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#241c47b3;padding:20px}.estado{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--tinta);background:#cfc7d8;flex:none}.estado-disponible{background:#4ad17f}.estado-trabajando{background:#5cc2e8;animation:late 1.2s ease-in-out infinite}.estado-esperando_permiso{background:var(--amarillo)}.estado-sin_senal{background:#f3a712}.estado-en_pausa{background:#b9a6d6}@keyframes late{50%{transform:scale(1.35)}}.ia{font-size:.62rem;font-weight:900;letter-spacing:.04em;background:var(--amarillo);color:var(--tinta);border-radius:5px;padding:0 4px;margin-left:2px}.ent.agente .placa{display:flex;align-items:center;gap:5px;background:#2b2240e6}.ent.agente .placa .estado{border-color:#fff}.tarea{background:var(--papel);border:2px solid var(--tinta);border-radius:8px;font-size:.7rem;font-weight:700;padding:0 7px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.tarea.con-mano{background:var(--amarillo)}.ent.hablando .placa:after{content:"habla";margin-left:4px;font-size:.62rem;color:var(--amarillo);animation:late .8s ease-in-out infinite}.burbuja .ver-detalle,.enlace{pointer-events:auto;background:none;border:0;padding:0;color:var(--naranja-oscuro);font-weight:800;text-decoration:underline;font-size:.82rem}.estado-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem}.fila-agente .quienes{display:block}.cuenta.mano{background:var(--amarillo)!important;color:var(--tinta)!important}.ficha{top:78px;bottom:84px;width:370px;max-height:none}.ficha header .ia{vertical-align:middle}.ficha-cabeza{padding:12px 16px;border-bottom:2px dashed var(--linea)}.ficha-cabeza .ayuda{margin-top:4px}.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.pestanas{display:flex;gap:4px;padding:8px 10px 0;border-bottom:3px solid var(--tinta)}.pestanas button{background:var(--papel-2);border:3px solid var(--tinta);border-bottom:0;border-radius:10px 10px 0 0;padding:5px 12px;font-weight:800;margin-bottom:-3px}.pestanas button.activa{background:var(--amarillo)}.ficha-cuerpo{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ficha-cuerpo>.ayuda{padding:12px 16px 0}.ficha-cuerpo>.conversacion{padding:12px 14px}.ficha-cuerpo.ajustes{overflow-y:auto;padding:4px 16px 16px;display:block}.lista-encargos{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.encargo{background:#fff;border:2px solid var(--tinta);border-radius:12px;padding:9px 11px}.encargo .meta,.mano-tarjeta .meta{font-size:.72rem;color:var(--tinta-suave);font-weight:700}.encargo .pedido{margin:2px 0 8px;overflow-wrap:anywhere}.encargo .respuesta{margin:8px 0 0;padding-top:8px;border-top:2px dashed var(--linea);overflow-wrap:anywhere}.pasos{display:flex;gap:3px}.paso{flex:1;text-align:center;font-size:.62rem;font-weight:800;padding:2px 0;border-radius:6px;background:var(--papel-2);color:var(--tinta-suave);border:2px solid transparent}.paso.hecho{background:#bfe9cf;color:var(--tinta)}.paso.actual{background:var(--verde);color:#fff;border-color:var(--tinta)}.encargar{padding:10px;border-top:3px solid var(--tinta);background:var(--papel-2)}.encargar .acciones{justify-content:flex-end;margin-top:8px}.dictar.grabando{background:var(--rojo);color:#fff}.casilla{display:flex;align-items:center;gap:8px;font-weight:700;margin:6px 0}.casilla input{width:auto}.llave{background:#fff;border:3px solid var(--tinta);border-radius:12px;padding:12px;margin:10px 0}.llave code,.formato code{display:block;background:var(--papel-2);border-radius:8px;padding:6px 8px;margin:6px 0;font-size:.74rem;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.formato code{display:inline;padding:1px 5px}.mano-tarjeta{background:var(--amarillo);border:3px solid var(--tinta);border-radius:12px;margin-bottom:8px;overflow:hidden}.mano-tarjeta .meta,.mano-tarjeta p,.mano-tarjeta .acciones{padding:0 12px}.mano-tarjeta .meta{display:block;padding-top:9px;color:var(--tinta)}.mano-tarjeta p{margin:2px 0 0;font-weight:800}.mano-tarjeta .acciones{margin-bottom:10px}.mano-tarjeta .corto{border-top-width:2px;padding:8px}.agregar{margin-top:12px}.agregar h3{margin-top:0}.detalle-largo{width:min(640px,100%);max-height:80vh;overflow-y:auto}.formato h4{margin:1em 0 .3em;font-size:1rem}.formato ul{margin:0 0 1em;padding-left:1.3em;line-height:1.5}.saltar{position:absolute;left:50%;bottom:80px;transform:translate(-50%);background:var(--papel);border:3px solid var(--tinta);border-radius:12px;font-weight:800;padding:5px 14px;box-shadow:0 3px 0 var(--tinta)}.aviso.sonido{top:130px;background:var(--naranja);color:#fff}@media(max-width:760px){.panel{width:auto;right:12px;top:128px}.directo{left:12px;width:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}