/* AI territory design: one click, the best plan */

.bbi-ai-goals .bbi-card__head,
.bbi-ai-search .bbi-card__head { padding: 16px 16px 0 18px; }

.bbi-ai-goal-list { display: grid; gap: 6px; padding: 12px 16px 14px; }

.bbi-ai-goal {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid var(--bbi-line);
  background: #fff;
  transition: border-color 0.35s ease, background-color 0.35s ease;
}

.bbi-ai-goal .bbi-tile { width: 26px; height: 26px; border-radius: 8px; }
.bbi-ai-goal .bbi-tile svg { width: 14px; height: 14px; }
.bbi-ai-goal__text { flex: 1; min-width: 0; }
.bbi-ai-goal__text b { display: block; font-size: 13px; font-weight: 800; color: var(--bbi-ink); line-height: 1.2; }
.bbi-ai-goal__text small { display: block; font-size: 11px; font-weight: 600; color: var(--bbi-muted); }

.bbi-ai-goal__state {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #eef1f8;
  color: transparent;
  transition: background-color 0.35s ease, color 0.35s ease, transform 0.35s var(--bbi-spring);
}

.bbi-ai-goal__state svg { width: 12px; height: 12px; }
.bbi-ai-goal.is-met { border-color: rgba(26, 174, 111, 0.35); background: #f3fbf7; }
.bbi-ai-goal.is-met .bbi-ai-goal__state { background: var(--bbi-good); color: #fff; transform: scale(1.08); }

.bbi-ai-launch { display: grid; align-content: center; gap: 10px; padding: 16px; }
.bbi-ai-launch__meta { font-size: 12px; font-weight: 600; color: var(--bbi-muted); }
.bbi-ai-launch__meta b { color: var(--bbi-ink); }
.bbi-ai-go { width: 100%; height: 50px; justify-content: center; font-size: 15px; }
.bbi-ai-go svg { width: 18px; height: 18px; }

.bbi-ai-launch__note {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--bbi-muted);
}

.bbi-ai-launch__note svg { width: 12px; height: 12px; }

.bbi-ai-status { margin-left: auto; }

.bbi-ai-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 14px 16px 6px;
}

.bbi-ai-metrics > div { padding: 8px 10px; border-radius: 12px; background: var(--bbi-surface-2, #f4f6fb); }
.bbi-ai-metrics small { display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--bbi-muted); }
.bbi-ai-metrics b { display: block; margin-top: 2px; font-size: 22px; font-weight: 800; color: var(--bbi-ink); font-variant-numeric: tabular-nums; }
.bbi-ai-quality { color: var(--bbi-indigo) !important; }

.bbi-ai-chart { padding: 4px 12px 0; }
.bbi-ai-svg { display: block; width: 100%; height: 172px; overflow: visible; }
.bbi-ai-grid { stroke: #e9edf6; stroke-width: 1; stroke-dasharray: 3 4; }
.bbi-ai-axis { font: 700 9px/1 var(--bbi-font); fill: #a3adc6; text-anchor: end; }
.bbi-ai-axis--x { text-anchor: end; }
.bbi-ai-line { fill: none; stroke: #5e72e4; stroke-width: 2.5; stroke-linejoin: round; }
.bbi-ai-area { fill: rgba(94, 114, 228, 0.1); }
.bbi-ai-dots circle { fill: #fff; stroke: #5e72e4; stroke-width: 2; }
.bbi-ai-dots circle.is-last { fill: #ff026c; stroke: #fff; stroke-width: 2.5; }

.bbi-ai-books__title {
  padding: 6px 18px 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bbi-muted);
}

.bbi-ai-books { display: grid; gap: 7px; padding: 0 16px; }

.bbi-ai-book {
  display: grid;
  grid-template-columns: 9px 112px 1fr 42px;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--bbi-ink);
}

.bbi-ai-book i { width: 9px; height: 9px; border-radius: 50%; }
.bbi-ai-book__track { position: relative; height: 10px; border-radius: 6px; background: #eef1f8; }
.bbi-ai-book__mid { position: absolute; left: 50%; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: #c5cde3; border-radius: 2px; }

.bbi-ai-book__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 6px;
  background: var(--bbi-bad);
  transition: left 0.35s ease, width 0.35s ease, background-color 0.35s ease;
}

.bbi-ai-book__bar.is-good { background: var(--bbi-good); }
.bbi-ai-book em { font-style: normal; font-size: 12px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.bbi-ai-book em.is-bad { color: var(--bbi-bad); }
.bbi-ai-book em.is-good { color: var(--bbi-good); }

.bbi-ai-result {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 16px 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: #e9f8f1;
  color: var(--bbi-good);
}

.bbi-ai-result > svg { width: 18px; height: 18px; flex: none; }
.bbi-ai-result b { display: block; font-size: 13px; font-weight: 800; color: #0d7347; }
.bbi-ai-result small { display: block; font-size: 11px; font-weight: 700; color: #3c8f68; }