/* S64 blok 31: ai-panel-ui. TASS Vision: binafsha #7703fc, radius 18, soya yo'q. Tokenlar base.css dan, yo'q bo'lsa zaxira qiymat. */
.nt-ai { display:flex; flex-direction:column; gap:12px; font-family:var(--font, 'Onest', system-ui, sans-serif); color:var(--ink, #1c1b22); }
.nt-ai-cards { display:flex; flex-direction:column; gap:12px; }
.nt-ai-card, .nt-ai-apply { background:var(--card, #fff); border:1px solid var(--line, #e8e7ee); border-radius:var(--r, 18px); padding:16px; box-shadow:none; }
.nt-ai-h { margin:0 0 8px; font-size:13px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; font-family:var(--font-caps, 'Manrope', sans-serif); color:var(--gray, #6e6c78); }
.nt-ai-sub { margin:10px 0 6px; font-size:13px; font-weight:600; color:var(--ink, #1c1b22); }
.nt-ai-p { margin:0 0 6px; line-height:1.5; }
.nt-ai-list, .nt-ai-items { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.nt-ai-li { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; line-height:1.45; }
.nt-ai-li::before { content:''; flex:0 0 6px; height:6px; border-radius:50%; background:var(--v, #7703fc); transform:translateY(-2px); }
.nt-ai-ev { display:block; flex-basis:100%; margin-left:12px; font-size:13px; color:var(--gray, #6e6c78); quotes:'\201C' '\201D'; }
.nt-ai-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.nt-ai-meta { font-size:12px; color:var(--gray, #6e6c78); }
.nt-ai-pill { display:inline-flex; align-items:center; min-height:22px; padding:2px 10px; border-radius:999px; background:var(--panel, #f4f4f7); color:var(--gray, #6e6c78); font-size:12px; font-weight:600; white-space:nowrap; }
.nt-ai-pill-when { background:var(--v-t, #f3ecfe); color:var(--v, #7703fc); }
.nt-ai-pill-warn { background:var(--amber-t, #fbf1e3); color:var(--amber, #d97706); white-space:normal; }
.nt-ai-pill-done { background:var(--green-t, #e8f8ee); color:var(--green-tx, #13803b); }
.nt-ai-pill-unv { background:var(--panel, #f4f4f7); color:var(--gray3, #b4b1bf); }
.nt-ai-s-positive { background:var(--green-t, #e8f8ee); color:var(--green-tx, #13803b); }
.nt-ai-s-negative { background:var(--red-t, #fcebee); color:var(--red-tx, #c22a43); }
.nt-ai-s-mixed { background:var(--amber-t, #fbf1e3); color:var(--amber, #d97706); }
.nt-ai-v-complaint { background:var(--red-t, #fcebee); color:var(--red-tx, #c22a43); }
.nt-ai-v-suggestion { background:var(--v-t, #f3ecfe); color:var(--v, #7703fc); }
.nt-ai-v-objection { background:var(--amber-t, #fbf1e3); color:var(--amber, #d97706); }
.nt-ai-solved .nt-ai-tx { color:var(--gray, #6e6c78); }
.nt-ai-risk .nt-ai-li::before { background:var(--red, #e2445c); }
.nt-ai-unv, .nt-ai-unv .nt-ai-tx, .nt-ai-unv .nt-ai-in { color:var(--gray3, #b4b1bf); }
.nt-ai-ahead { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.nt-ai-all { display:inline-flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
.nt-ai-item { display:flex; gap:10px; padding:12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); transition:border-color var(--dur, 180ms); }
.nt-ai-item.on { border-color:var(--v, #7703fc); background:var(--v-t, #f3ecfe); }
.nt-ai-item.nt-ai-unv { background:var(--surf, #f8f7fb); }
.nt-ai-item.nt-ai-done { opacity:.6; }
.nt-ai-item.bad { border-color:var(--red, #e2445c); }
.nt-ai-check { display:flex; padding-top:10px; }
.nt-ai-cb { width:20px; height:20px; margin:0; accent-color:var(--v, #7703fc); cursor:pointer; }
.nt-ai-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.nt-ai-in { min-height:40px; padding:8px 12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; font-size:14px; box-shadow:none; }
.nt-ai-in:focus { outline:2px solid var(--v, #7703fc); outline-offset:1px; border-color:var(--v, #7703fc); }
.nt-ai-title { width:100%; font-weight:600; }
.nt-ai-fields { align-items:flex-end; gap:10px; }
.nt-ai-f { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.nt-ai-lbl { flex-basis:100%; font-size:12px; color:var(--gray, #6e6c78); }
.nt-ai-time { width:110px; }
.nt-ai-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; margin-top:12px; }
.nt-ai-msg { margin:0; flex:1; font-size:13px; color:var(--gray, #6e6c78); }
.nt-ai-msg.err { color:var(--red-tx, #c22a43); }
.nt-ai-btn { min-height:44px; padding:10px 22px; border-radius:999px; border:1px solid transparent; background:var(--v, #7703fc); color:var(--on-v, #fff); font-weight:600; box-shadow:none; cursor:pointer; }
.nt-ai-btn:disabled { opacity:.45; cursor:default; }
.nt-ai-undo { box-shadow:none; }
.nt-ai-donecard { border-color:var(--v, #7703fc); }
@media (max-width:640px) { .nt-ai-fields { flex-direction:column; align-items:stretch; } .nt-ai-f .nt-ai-in { flex:1; } }
[data-theme="dark"] .nt-ai-item.on { background:var(--v-t, #2a1450); }
@media (prefers-reduced-motion:reduce) { .nt-ai-item { transition:none; } }
[data-motion="off"] .nt-ai-item { transition:none; }