/* AI territory design for account-based territories */

.bbi-aas-board .bbi-card__head,
.bbi-aas-side .bbi-card__head { padding: 16px 16px 0 18px; }

.bbi-aas-go { margin-left: auto; height: 38px; padding: 0 14px; font-size: 13px; }
.bbi-aas-go svg { width: 15px; height: 15px; }

.bbi-aas-grid { padding: 16px 16px 0; }

.bbi-aas-row {
  display: grid;
  grid-template-columns: 158px repeat(4, 1fr);
  gap: 7px;
  align-items: center;
}

.bbi-aas-row + .bbi-aas-row { margin-top: 8px; }

.bbi-aas-row--head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--bbi-line);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bbi-muted);
}

.bbi-aas-terr { display: flex; align-items: center; gap: 8px; min-width: 0; }
.bbi-aas-terr .bbi-avatar { width: 30px; height: 30px; }
.bbi-aas-terr b { display: block; font-size: 12px; font-weight: 800; color: var(--bbi-ink); line-height: 1.2; white-space: nowrap; }
.bbi-aas-terr small { display: block; font-size: 11px; font-weight: 600; color: var(--bbi-muted); }
.bbi-aas-cell { height: 44px; font-size: 14px; font-variant-numeric: tabular-nums; }

.bbi-aas-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 18px 16px 0;
  padding: 14px;
  border-radius: 14px;
  background: #f4f6fb;
}

.bbi-aas-ring { width: 58px; height: 58px; }
.bbi-aas-ring::after { inset: 6px; }
.bbi-aas-ring .bbi-ring__value { font-size: 17px; }
.bbi-aas-ring .bbi-ring__value small { font-size: 7px; }
.bbi-aas-foot__title { display: block; font-size: 14px; font-weight: 800; color: var(--bbi-ink); }
.bbi-aas-foot__sub { display: block; font-size: 12px; font-weight: 600; color: var(--bbi-muted); }

.bbi-aas-side { display: flex; flex-direction: column; }
.bbi-aas-found { padding: 10px 18px 8px; font-size: 12px; font-weight: 700; color: var(--bbi-muted); }
.bbi-aas-found b { font-size: 20px; font-weight: 800; color: var(--bbi-ink); font-variant-numeric: tabular-nums; }
.bbi-aas-list { display: grid; gap: 6px; padding: 0 14px; }

.bbi-aas-plan {
  display: grid;
  grid-template-columns: 30px 1fr 28px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 11px;
  border: 1px solid var(--bbi-line);
  font-size: 12px;
  font-weight: 700;
  color: var(--bbi-muted);
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.bbi-aas-plan b { text-align: right; color: var(--bbi-ink); font-variant-numeric: tabular-nums; }
.bbi-aas-plan__bar { height: 8px; border-radius: 6px; background: #eef1f8; overflow: hidden; }
.bbi-aas-plan__bar i { display: block; height: 100%; border-radius: 6px; background: #c5cde3; }
.bbi-aas-plan.is-best { border-color: rgba(94, 114, 228, 0.4); background: #f3f5ff; color: var(--bbi-indigo); }
.bbi-aas-plan.is-best .bbi-aas-plan__bar i { background: var(--bbi-grad-brand, linear-gradient(90deg, #5e72e4, #825ee4)); }

.bbi-aas-done { margin: auto 14px 14px; padding: 12px; border-radius: 14px; background: #e9f8f1; }

.bbi-aas-done__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  color: #0d7347;
}

.bbi-aas-done__title svg { width: 14px; height: 14px; }

.bbi-aas-rule {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  color: #3c8f68;
}

.bbi-aas-rule svg { width: 11px; height: 11px; margin-top: 1px; flex: none; }