/* Дизайн дровера «Настройки тестов» + селектор «Модель ответа» (индиго-палитра как на макете).
   Scoped к .ag-test-settings, не влияет на остальной дашборд. Ведёт отдельный чат — не сливать
   с agent-console-redesign.css / telegram-admin.css. */
.ag-test-settings{
  --ts-accent:#6b5ce6; --ts-accent-deep:#4b3fd0; --ts-accent-soft:#f3f1fe;
  --ts-line:#e7e3fb; --ts-line-strong:#d7d1f5; --ts-ink:#2a2f45; --ts-muted:#8b84c0;
}
.ag-test-settings-body.ts2{ display:flex; flex-direction:column; gap:12px; padding-top:4px; }

.ts2-group{
  display:flex; flex-direction:column; gap:10px;
  padding:12px 12px 13px; background:#fbfaff;
  border:1px solid var(--ts-line); border-radius:14px;
}
.ts2-label{
  font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--ts-accent); margin:1px 0 2px;
}
.ts2-note{ color:var(--ts-muted); font-weight:600; text-transform:none; letter-spacing:0; }

/* Строка «Модель ответа» + дизайнерский селект */
.ts2-model{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.ts2-model-label{ font-size:14px; font-weight:500; color:#33384a; }
.ts2-select{
  position:relative; display:inline-flex; align-items:center;
  min-width:230px; height:44px; padding:0 36px 0 40px;
  background:#fff; border:1.5px solid var(--ts-line-strong); border-radius:12px;
  box-shadow:0 1px 2px rgba(80,70,180,.05);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ts2-select:hover{ border-color:var(--ts-accent); }
.ts2-select:focus-within{ border-color:var(--ts-accent); box-shadow:0 0 0 3px rgba(107,92,230,.16); }
.ts2-select select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  border:0; background:transparent; width:100%; height:100%;
  font:600 14px/1 inherit; color:var(--ts-ink); cursor:pointer; outline:none;
}
.ts2-brain{ position:absolute; left:9px; width:24px; height:24px; color:var(--ts-accent);
  background:var(--ts-accent-soft); border-radius:7px; padding:3px; pointer-events:none; }
.ts2-chev{ position:absolute; right:12px; width:16px; height:16px; color:var(--ts-muted); pointer-events:none; }

/* Плотные отступы между настройками */
.ag-test-settings-body.ts2{ gap:8px; }
.ts2-group{ gap:7px; padding:10px 12px 11px; }
.ts2 .ag-alert-toggle{ margin:0; padding:1px 0; line-height:1.3; }
.ts2-rowgroup{ gap:6px; }

/* Кастомный дизайнерский выпадающий список моделей */
.ts2-dd{ position:relative; min-width:236px; }
.ts2-trigger{
  position:relative; display:flex; align-items:center; width:100%; height:44px;
  padding:0 34px 0 42px; background:#fff; border:1.5px solid var(--ts-line-strong);
  border-radius:12px; font:600 14px/1 inherit; color:var(--ts-ink); text-align:left;
  cursor:pointer; box-shadow:0 1px 2px rgba(80,70,180,.05);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ts2-trigger:hover{ border-color:var(--ts-accent); }
.ts2-dd.is-open .ts2-trigger{ border-color:var(--ts-accent); box-shadow:0 0 0 3px rgba(107,92,230,.16); }
.ts2-trigger-txt{ flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ts2-dd.is-open .ts2-chev{ transform:rotate(180deg); }
.ts2-chev{ transition:transform .18s ease; }

.ts2-menu{
  position:absolute; z-index:40; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1px solid var(--ts-line); border-radius:14px; padding:6px;
  box-shadow:0 14px 34px -10px rgba(60,50,150,.28), 0 2px 8px rgba(60,50,150,.10);
  display:flex; flex-direction:column; gap:2px;
  animation:ts2pop .14s ease;
}
@keyframes ts2pop{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }
.ts2-opt{
  display:flex; align-items:center; gap:11px; width:100%; padding:9px 10px;
  background:transparent; border:0; border-radius:10px; cursor:pointer; text-align:left;
  transition:background .12s ease;
}
.ts2-opt:hover{ background:var(--ts-accent-soft); }
.ts2-opt.is-sel{ background:var(--ts-accent-soft); }
.ts2-opt-ic{ display:grid; place-items:center; width:30px; height:30px; border-radius:9px; flex:none;
  color:var(--ts-accent); background:#efeafe; }
.ts2-opt-ic svg{ width:18px; height:18px; }
.ts2-opt-ic.violet{ color:#7c3aed; background:#f2e9ff; }
.ts2-opt-ic.blue{ color:#1f73e0; background:#e8f1fe; }
.ts2-opt-txt{ flex:1; display:flex; flex-direction:column; gap:1px; min-width:0; }
.ts2-opt-txt b{ font-size:14px; font-weight:600; color:var(--ts-ink); }
.ts2-opt-txt span{ font-size:12px; color:var(--ts-muted); }
.ts2-opt-chk{ width:18px; height:18px; color:var(--ts-accent); flex:none; opacity:0;
  fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.ts2-opt.is-sel .ts2-opt-chk{ opacity:1; }
