/* ============================================================
   NEUE UNTERHALTUNG — Startansicht des Chats (nc-*), Ergänzung zum Design-System.
   Regeln: Datenbasis wird vor der ersten Frage gewählt (Gesamter Bestand oder ein gespeichertes Segment,
   jeweils mit Kundenzahl) und gilt für die ganze Unterhaltung; im Verlauf zeigt der
   Chip über dem Eingabefeld die aktive Datenbasis. „Zuletzt gefragt“ zeigt die letzten 5 Fragen;
   ein Klick füllt nur das Eingabefeld vor, gesendet wird erst mit Enter.
   ============================================================ */
.nc{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;padding:48px 16px 32px}
.nc[hidden]{display:none}
.nc__inner{width:100%;max-width:760px;display:flex;flex-direction:column;gap:20px}
.nc__head{display:flex;flex-direction:column;gap:4px}
.nc__title{margin:0;font:var(--type-section);color:var(--text-1)}
.nc__box{padding:10px 10px 10px 12px;background:#fff}
.nc__box textarea{min-height:60px}
.nc-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nc-scope__opt{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-3);background:#fff;box-shadow:inset 0 0 0 1px var(--border-2);cursor:pointer}
.nc-scope__opt:hover{background:var(--gray-50)}
.nc-scope__opt > input{position:absolute;opacity:0;pointer-events:none}
.nc-scope__opt:has(> input:checked){background:var(--surface-selected);box-shadow:inset 0 0 0 2px var(--blue-500)}
.nc-scope__opt:has(> input:focus-visible){box-shadow:inset 0 0 0 2px var(--blue-500),var(--focus-ring)}
.nc-scope__top{display:flex;align-items:center;gap:8px}
.nc-scope__top b{font:var(--type-card-title)}
.nc-scope__meta{font:var(--type-small);color:var(--text-2)}
.nc-scope__opt .ax-select select{background:#fff}
.nc-scope__opt:not(:has(> input:checked)) .ax-select{opacity:.6}
.nc-recent{display:flex;flex-direction:column;border-radius:var(--radius-3);background:#fff;box-shadow:var(--elev-0);overflow:hidden}
.nc-recent button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 12px;border:0;border-top:1px solid var(--border-1);background:transparent;font:var(--type-body);color:var(--text-1);text-align:left;cursor:pointer}
.nc-recent button:first-child{border-top:0}
.nc-recent button:hover{background:var(--surface-hover)}
.nc-recent button:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}
.nc-recent .q{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc-recent .m{flex:none;font:var(--type-small);color:var(--text-3)}
.nc-recent svg{flex:none;color:var(--gray-700)}
.nc-recent .go{opacity:0;color:var(--blue-600)}
.nc-recent button:hover .go,.nc-recent button:focus-visible .go{opacity:1}
.ax-scope-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--gray-100);box-shadow:inset 0 0 0 1px var(--border-1);font:var(--type-small);color:var(--text-2)}
.ax-scope-chip b{font-weight:600;color:var(--text-1)}
@media (max-width:720px){.nc-scope{grid-template-columns:1fr}.nc-recent .m{display:none}}