/* Reconcile territories (CRM drift) */

.bbi-rc-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
}

.bbi-rc-head .bbi-tile { width: 42px; height: 42px; border-radius: 12px; }
.bbi-rc-head .bbi-tile svg { width: 20px; height: 20px; }
.bbi-rc-head b { display: block; font-size: 16px; font-weight: 800; color: var(--bbi-ink); }
.bbi-rc-head small { display: block; font-size: 12px; font-weight: 600; color: var(--bbi-muted); }
.bbi-rc-drift { margin-left: auto; }

.bbi-rc-cols,
.bbi-rc-row {
  display: grid;
  grid-template-columns: 200px 110px 60px 110px 1fr;
  align-items: center;
  gap: 10px;
  padding: 0 22px;
}

.bbi-rc-cols {
  height: 48px;
  border-bottom: 1px solid var(--bbi-line);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bbi-muted);
}

.bbi-rc-row {
  height: 53px;
  border-bottom: 1px solid var(--bbi-line);
  transition: background-color 0.3s ease;
}

.bbi-rc-row:last-child { border-bottom: 0; }
.bbi-rc-row.is-scan { background: rgba(94, 114, 228, 0.07); }
.bbi-rc-row.is-checked.is-drift { background: #fff7f9; }
.bbi-rc-row.is-checked.is-hold { background: #fffbf3; }
.bbi-rc-row.is-fixed { background: #f5fcf8 !important; }

.bbi-rc-owner .bbi-avatar { width: 32px; height: 32px; display: block; }

.bbi-rc-vs {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bbi-surface-2);
  font-size: 16px;
  font-weight: 800;
  color: var(--bbi-faint);
}

.bbi-rc-vs svg { width: 14px; height: 14px; }
.bbi-rc-row.is-checked.is-drift .bbi-rc-vs,
.bbi-rc-row.is-checked.is-hold .bbi-rc-vs { background: var(--bbi-bad-bg); color: var(--bbi-bad); }
.bbi-rc-row.is-fixed .bbi-rc-vs { background: var(--bbi-good-bg) !important; color: var(--bbi-good) !important; }
.bbi-rc-row.is-checked.is-same .bbi-rc-vs { color: var(--bbi-good); }

.bbi-rc-result { justify-self: start; }

.bbi-rc-result:not(.bbi-tag) {
  font-size: 12px;
  font-weight: 800;
  color: var(--bbi-faint);
}

.bbi-rc-result.is-same:not(.bbi-tag) { color: var(--bbi-muted); }

.bbi-rc-foot {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 0 18px;
}

.bbi-rc-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--bbi-ink);
}

.bbi-rc-opt i {
  position: relative;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  background: var(--bbi-good);
}

.bbi-rc-opt i::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 16px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}

.bbi-rc-go { margin-left: auto; height: 42px; font-size: 14px; }
.bbi-rc-go svg { width: 16px; height: 16px; }