/* Pestaña Asistente (capa de IA) */
.asis { display: grid; gap: 14px; max-width: 860px; }
.asis .tarjeta { gap: 12px; }
.asis-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.asis-acciones { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.asis-uso { font-size: 12.5px; }
.asis-meta, .asis-pie { margin: 0; font-size: 12.5px; }
.asis .mal { color: var(--bad); margin: 0; }

.asis-texto { line-height: 1.55; }
.asis-texto p, .asis-cuerpo p { margin: 0 0 8px; }
.asis-texto p:last-child, .asis-cuerpo p:last-child { margin-bottom: 0; }
.asis-texto ul, .asis-cuerpo ul { margin: 0 0 8px; padding-left: 20px; display: grid; gap: 4px; }
.asis-texto li::marker, .asis-cuerpo li::marker { color: var(--accent); }

.asis-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip-pregunta { border: 1px solid var(--line); background: var(--surface-2); color: var(--fg); border-radius: 999px; padding: 7px 13px; font-size: 13px; font-weight: 500; text-align: left; }
.chip-pregunta:hover:not(:disabled) { border-color: var(--accent); background: var(--accent-soft); }
.chip-pregunta:disabled { opacity: .5; cursor: default; }

.asis-log { display: grid; gap: 10px; }
.asis-log:empty { display: none; }
.asis-msg { display: flex; }
.asis-msg.yo { justify-content: flex-end; }
.asis-cuerpo { max-width: min(640px, 92%); padding: 10px 14px; border-radius: 16px; line-height: 1.5; font-size: 14px; overflow-wrap: anywhere; }
.asis-msg.yo .asis-cuerpo { background: var(--accent); color: var(--accent-fg); border-bottom-right-radius: 5px; }
.asis-msg.ia .asis-cuerpo { background: var(--surface-2); border: 1px solid var(--line); border-bottom-left-radius: 5px; }
.asis-msg .asis-cuerpo.error { color: var(--bad); background: var(--bad-soft); border-color: transparent; }

.asis-form { display: grid; gap: 8px; }
.asis-entrada { width: 100%; resize: vertical; min-height: 56px; max-height: 200px; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; background: var(--bg); font: inherit; color: var(--fg); }
.asis-entrada:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px var(--accent-soft); }
.asis-entrada:disabled { opacity: .6; }
.asis .btn:disabled { opacity: .5; cursor: default; }

.pensando { display: inline-flex; gap: 5px; align-items: center; height: 18px; }
.pensando i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pensando 1.1s ease-in-out infinite; }
.pensando i:nth-child(2) { animation-delay: .15s; } .pensando i:nth-child(3) { animation-delay: .3s; }
@keyframes pensando { 0%, 80%, 100% { transform: translateY(0); opacity: .45; } 40% { transform: translateY(-5px); opacity: 1; } }
@media (max-width: 760px) { .asis-cuerpo { max-width: 100%; } .asis .tarjeta { padding: 12px; } }

/* Acciones que propone el asistente: se confirman con un botón */
.asis-accion { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--accent); display: grid; gap: 6px; }
.asis-accion.hecha { border-color: var(--line); opacity: .85; }
.asis-accion p { margin: 0; }
.asis-accion-titulo { font-weight: 700; }
.asis-accion-nivel { font-size: 12.5px; }
.asis-accion-estado:empty { display: none; }
.asis-accion-estado.ok { color: var(--ok); font-weight: 600; }
.asis-accion-estado.mal { color: var(--bad); }