/* Demo local-assistant (Knowledge AI): conversación, fuentes citadas y barra de estado.
   Se usa en Inicio y en /knowledge-ai. Solo tokens --panel-*. */

/* Cabecera del panel: rol activo */
[data-demo="local-assistant"] .demo-head{flex-wrap:wrap}
.la-role{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--panel-line);background:var(--panel-2);color:var(--panel-ink);font-size:12px;font-weight:600;white-space:nowrap}
.la-role svg{flex:none;color:var(--panel-accent)}

/* Conversación */
.la-chat{display:grid;gap:14px;border-radius:8px}
.la-chat:focus-visible{outline:2px solid var(--panel-accent);outline-offset:6px}
.la-q{justify-self:end;max-width:88%;padding:10px 14px;border-radius:12px 12px 4px 12px;background:var(--panel-2);border:1px solid var(--panel-line);color:var(--panel-ink);font-size:14px;line-height:1.5}
.la-a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.la-avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel-accent) 16%,transparent);color:var(--panel-accent)}
.la-trace{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;line-height:1.4;color:var(--panel-accent)}
.la-trace svg{flex:none}
.la-trace[data-busy]{color:var(--panel-ink-2)}
.la-trace[data-busy] svg{display:none}
.la-trace[data-busy]::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1s infinite}
.la-answer{min-height:3.1em;font-size:15px;line-height:1.55;color:var(--panel-ink)}
.la-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--panel-accent);animation:pulse .9s infinite}
[data-restricted] .la-avatar,[data-restricted] .la-trace:not([data-busy]){color:var(--panel-warn)}
[data-restricted] .la-avatar{background:color-mix(in srgb,var(--panel-warn) 16%,transparent)}

/* Fuentes citadas (reutiliza .feed y .tag) */
.la-label{margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-ink-2)}
.la-sources .feed{min-height:84px;align-content:start}
.la-sources .feed li{align-items:center;padding:8px 12px;font-size:13px}
.la-sources .feed li > span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-sources small{font-size:12px;color:var(--panel-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.la-sources [data-blocked] > span:nth-child(2){color:var(--panel-ink-2)}

/* Barra de estado: dónde se procesó y qué salió */
.la-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--panel-line);border-radius:8px;overflow:hidden}
.la-status > div{display:grid;gap:3px;align-content:start;min-width:0;padding:10px 12px}
.la-status > div + div{border-left:1px solid var(--panel-line)}
.la-status dt{font-size:11px;line-height:1.3;color:var(--panel-ink-2)}
.la-status dd{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--panel-ink);font-variant-numeric:tabular-nums}
.la-status dd svg{flex:none;color:var(--panel-ink-2)}
.la-status .la-safe dd,.la-status .la-safe dd svg{color:var(--panel-accent)}
@media (max-width:480px){
  .la-status{grid-template-columns:minmax(0,1fr)}
  .la-status > div{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .la-status > div + div{border-left:0;border-top:1px solid var(--panel-line)}
  .la-sources .feed li{grid-template-columns:auto minmax(0,1fr)}
  .la-sources small{grid-column:2}
}