/* Раздел 05 «Модель ИИ для ответов и анализа кандидатов».
   Бейджи Основная/Запасная в строке хаба + редактор выбора модели. Токены из agent-console-redesign.css. */

/* две пилюли (Основная/Запасная) в строке хаба */
.agent-tab3 .ag-hubrow-badges{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}
.agent-tab3 .ag-hubrow-badges .ag-hubrow-badge{white-space:nowrap}
.agent-tab3 .ag-hubrow-badge.primary{border-color:var(--c-accent-line);background:var(--c-accent-soft);color:var(--c-accent-deep)}

/* редактор выбора модели */
.agent-tab3 .ag-mdl{display:flex;flex-direction:column;gap:14px}
.agent-tab3 .ag-mdl-intro{font-size:13.5px;line-height:1.55;color:var(--c-ink-soft);
  background:var(--c-surface-2);border:1px solid var(--c-line-soft);border-radius:12px;padding:13px 15px}
.agent-tab3 .ag-mdl-tier-lbl{font-size:15px;font-weight:800;color:var(--c-ink)}
.agent-tab3 .ag-mdl-tier-lbl small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--c-ink-faint)}
.agent-tab3 .ag-mdl-opts{display:flex;flex-direction:column;gap:11px}
.agent-tab3 .ag-mdl-opt{display:flex;align-items:center;gap:13px;padding:14px 16px;cursor:pointer;
  background:var(--c-surface);border:1.5px solid var(--c-line);border-radius:var(--c-r-card);box-shadow:var(--c-shadow-sm);
  transition:border-color .15s var(--c-ease),background .15s var(--c-ease)}
.agent-tab3 .ag-mdl-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.agent-tab3 .ag-mdl-opt:hover{border-color:var(--c-accent-line)}
.agent-tab3 .ag-mdl-opt.is-on{border-color:var(--c-accent);background:var(--c-accent-soft)}
.agent-tab3 .ag-mdl-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #b9c6db;background:#fff;transition:border-color .15s var(--c-ease)}
.agent-tab3 .ag-mdl-opt.is-on .ag-mdl-dot{border-color:var(--c-accent);box-shadow:inset 0 0 0 4px var(--c-accent)}
.agent-tab3 .ag-mdl-badge{flex:none;width:42px;height:30px;display:grid;place-items:center;border-radius:9px;
  font-size:12px;font-weight:800;letter-spacing:.02em;background:#eef2fb;color:#42506b}
.agent-tab3 .ag-mdl-opt.is-on .ag-mdl-badge{background:#fff;color:var(--c-accent-deep)}
.agent-tab3 .ag-mdl-opt-txt b{display:block;font-size:15px;font-weight:800;color:var(--c-ink)}
.agent-tab3 .ag-mdl-opt-txt small{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--c-ink-soft)}
.agent-tab3 .ag-mdl-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.agent-tab3 .ag-mdl-metric{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--c-ink-soft);
  background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:999px;padding:3px 10px}
.agent-tab3 .ag-mdl-opt.is-on .ag-mdl-metric{background:#fff;border-color:var(--c-accent-line)}
.agent-tab3 .ag-mdl-metric i{font-style:normal;font-size:11px}
.agent-tab3 .ag-mdl-note{font-size:12px;color:var(--c-ink-faint);text-align:center}
.agent-tab3 .ag-mdl-fallback{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--c-ink-soft);
  background:var(--c-surface-2);border:1px solid var(--c-line-soft);border-radius:12px;padding:11px 14px}
.agent-tab3 .ag-mdl-fallback svg{width:17px;height:17px;flex:none;color:var(--c-accent)}
.agent-tab3 .ag-mdl-fallback b{color:var(--c-ink);font-weight:800}
.agent-tab3 .ag-mdl-fallback small{color:var(--c-ink-faint)}