/* Sales OS -- ASSIST (2. hullam): VIES-eredmeny a Partner urlapon es az EUT-jelzesben, AI-seged doboz az Uzenetekben.
   Csak a meglevo tokenek (tokens.css + sales.css); vilagos es sotet modban egyarant a tokenek valtanak. */
.vies-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: -4px; }
.vies-res { font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
.vies-chip { display: inline-block; border-radius: var(--r-md); padding: 4px 8px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); }
.vies-chip.ok { background: var(--ok-bg); color: var(--ok); border-color: color-mix(in srgb, var(--ok) 35%, transparent); }
.vies-chip.bad { background: var(--bad-bg); color: var(--bad); border-color: color-mix(in srgb, var(--bad) 35%, transparent); }
.vies-chip.warn { background: var(--warn-bg); color: var(--warn); border-color: color-mix(in srgb, var(--warn) 35%, transparent); }
.vies-chip b { color: inherit; }
.vies-slot { overflow-wrap: anywhere; }

.as-tools { display: contents; }
.as-btn svg { color: var(--ai); }
.as-btn[disabled] { opacity: .55; cursor: not-allowed; }
.as-box { border: 1px solid color-mix(in srgb, var(--ai) 35%, var(--border)); background: var(--ai-bg); color: var(--text); border-radius: var(--r-md); padding: 10px 12px; margin: 8px 0; font-size: 12.5px; }
.as-box.nc { background: var(--surface-2); border-color: var(--border); }
.as-box p { margin: 6px 0 0; }
.as-h { display: flex; align-items: center; gap: 8px; min-width: 0; }
.as-h > svg { color: var(--ai); flex: 0 0 auto; }
.as-h .sp { margin-left: auto; }
.as-tag { font-size: 11px; color: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 0 7px; background: var(--surface); }
.as-text { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 8px; line-height: 1.5; color: var(--text); }
.as-meta { font-size: 11px; color: var(--muted); }
@media (max-width: 480px) {
  .as-h { flex-wrap: wrap; }
  .vies-row .btn { width: 100%; justify-content: center; }
}