/* WORKVEO – asystent AI (static/js/asystent.js, v1.153.0): rozmowa z pytaniami i odpowiedziami, przykładowe pytania,
   historia własnych pytań. Wspólny dla wszystkich wyglądów; na telefonie historia jest pod rozmową. */

.as-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.as-main{display:flex;flex-direction:column;gap:14px}
.as-chat{display:flex;flex-direction:column;gap:12px;min-height:240px}

/* dymki: pytanie po prawej, odpowiedź po lewej */
.as-q,.as-a{display:flex}
.as-q{justify-content:flex-end}
.as-b{max-width:min(720px,92%);padding:11px 15px;border-radius:16px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.as-q .as-b{background:var(--accent);color:#fff;border-bottom-right-radius:5px;white-space:pre-wrap}
.as-a .as-b{background:var(--card,#fff);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px}
.as-a .as-b>p{margin:0 0 8px} .as-a .as-b>p:last-of-type{margin-bottom:4px}
.as-a .as-b ul,.as-a .as-b ol{margin:0 0 8px;padding-left:22px} .as-a .as-b li{margin:2px 0}
.as-tab{margin:4px 0 10px} .as-tab table{font-size:14px} .as-tab th{white-space:nowrap}
.as-meta{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;color:var(--ink2)}
.as-cost{display:inline-flex;align-items:center}
.as-err{margin:0}

/* czekanie na odpowiedź: trzy kropki */
.as-dots{display:flex;align-items:center;gap:4px;color:var(--ink2)}
.as-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink2);opacity:.35;animation:as-dot 1.2s infinite ease-in-out}
.as-dots i:nth-child(2){animation-delay:.15s} .as-dots i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes as-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:.9;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.as-dots i{animation:none;opacity:.6}}

/* pusta rozmowa: przykładowe pytania */
.as-empty{display:flex;flex-direction:column;gap:10px;padding:8px 2px}
.as-empty-t{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--ink)}
.as-empty-t .nav-ic{width:26px;height:26px;color:var(--accent)}
.as-ex{display:flex;flex-wrap:wrap;gap:8px}
.as-chip{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card,#fff);color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.as-chip:hover{border-color:var(--accent);background:var(--accent-soft)}

/* pole pytania */
.as-form{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line2)}
.as-form textarea{width:100%;min-height:58px;font-size:16px;resize:vertical}
.as-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.as-act .btn{min-height:42px}
.as-act [hidden]{display:none!important}   /* „Nowa rozmowa” tylko w trwającej rozmowie (.btn ma własne display) */

/* historia własnych pytań */
.as-hist{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-height:520px;overflow-y:auto}
.as-h{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card,#fff);font:inherit;text-align:left;cursor:pointer}
.as-h:hover,.as-h.on{border-color:var(--accent)} .as-h.on{background:var(--accent-soft)}
.as-h-q{font-size:14px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width:860px){
  .as-grid{grid-template-columns:1fr}
  .as-b{max-width:100%}
  .as-q .as-b{max-width:88%}
  .as-hist{max-height:none}
}