



.aw-lanzador {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1040;              
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  
  min-height: var(--tactil-min);
  padding: .6rem 1.05rem;
  border: 1px solid var(--navy-hondo);
  border-radius: var(--radio-pastilla);
  background: var(--navy);
  color: var(--papel);
  font-family: var(--tipo-interfaz);
  font-size: var(--t-interfaz);
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(var(--tinta-rgb), .18);
}

.aw-lanzador:hover { background: var(--navy-hondo); }
.aw-lanzador .icono { width: 1.15em; height: 1.15em; }


.aw-abierto .aw-lanzador { opacity: 0; pointer-events: none; }



.aw-panel {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1041;
  display: flex;
  flex-direction: column;
  width: min(24rem, calc(100vw - 2rem));
  max-height: min(34rem, calc(100vh - 2rem));
  border: 1px solid var(--filete);
  border-radius: var(--radio-m);
  background: var(--papel);
  box-shadow: 0 8px 32px rgba(var(--tinta-rgb), .22);
  overflow: hidden;
}

.aw-cabecera {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--filete);
  background: var(--pergamino);
}

.aw-titulos { flex: 1 1 auto; min-width: 0; }

.aw-titulo {
  margin: 0;
  font-family: var(--tipo-institucional);
  font-size: var(--t-base);
  color: var(--navy);
}


.aw-marca-ia {
  margin: .1rem 0 0;
  font-family: var(--tipo-interfaz);
  font-size: var(--t-s);
  line-height: 1.35;
  color: var(--ia);
}

.aw-cerrar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tactil-min);
  height: var(--tactil-min);
  margin: -.35rem -.45rem -.35rem 0;
  border: 0;
  border-radius: var(--radio-s);
  background: transparent;
  color: var(--tinta-suave);
  cursor: pointer;
}

.aw-cerrar:hover { color: var(--navy); background: rgba(var(--navy-rgb), .07); }



.aw-lista {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: .9rem 1rem .2rem;
}

.aw-turno { margin-bottom: .9rem; }

.aw-quien {
  margin: 0 0 .15rem;
  font-family: var(--tipo-interfaz);
  font-size: var(--t-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}

.aw-texto {
  margin: 0;
  
  font-family: var(--tipo-lectura);
  font-size: var(--t-base);
  line-height: 1.5;
  color: var(--tinta);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.aw-yo .aw-texto {
  padding: .5rem .7rem;
  border-radius: var(--radio-m);
  background: var(--pergamino);
}

.aw-esperando .aw-texto { color: var(--tinta-suave); font-style: italic; }
.aw-fallo .aw-texto { color: var(--error); }



.aw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: 0 1rem .6rem;
}


.aw-chip {
  padding: .4rem .7rem;
  border: 1px solid var(--filete);
  border-radius: var(--radio-pastilla);
  background: var(--papel);
  color: var(--navy);
  font-family: var(--tipo-interfaz);
  font-size: var(--t-sm);
  line-height: 1.3;
  cursor: pointer;
}

.aw-chip:hover { border-color: var(--navy-medio); background: var(--pergamino); }



.aw-pie {
  display: flex;
  align-items: flex-end;
  gap: .4rem;
  padding: .6rem 1rem;
  border-top: 1px solid var(--filete);
}

.aw-campo {
  flex: 1 1 auto;
  min-height: var(--tactil-min);
  max-height: 7.5rem;
  padding: .6rem .7rem;
  border: 1px solid var(--filete);
  border-radius: var(--radio-s);
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--tipo-interfaz);
  font-size: var(--t-base);      
  line-height: 1.4;
  resize: none;
}

.aw-enviar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tactil-min);
  height: var(--tactil-min);
  border: 1px solid var(--navy-hondo);
  border-radius: var(--radio-s);
  background: var(--navy);
  color: var(--papel);
  cursor: pointer;
}

.aw-enviar:hover { background: var(--navy-hondo); }
.aw-enviar:disabled { opacity: .5; cursor: default; }



.aw-salidas {
  display: flex;
  flex-wrap: wrap;
  gap: .15rem 1rem;
  padding: 0 1rem .75rem;
}

.aw-salida {
  font-family: var(--tipo-interfaz);
  font-size: var(--t-sm);
  color: var(--navy-medio);
}


@media (pointer: coarse) {
  .aw-salidas { gap: 0 1rem; }
  .aw-salida {
    display: inline-flex;
    align-items: center;
    min-height: var(--tactil-min);
  }
}



@media (max-width: 575.98px) {
  .aw-panel {
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 88vh;
    border-radius: .6rem .6rem 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}



@media (prefers-reduced-motion: no-preference) {
  .aw-lanzador { transition: background .15s ease, opacity .15s ease; }
  .aw-chip, .aw-enviar, .aw-cerrar { transition: background .15s ease, color .15s ease; }
}



.ew-lapiz {
  
  bottom: calc(var(--tactil-min) + 1.5rem);
}

.aw-abierto .ew-lapiz { opacity: 0; pointer-events: none; }
