/* Territory rules: new accounts route themselves */

.bbi-rr-node {
  padding: 12px 14px 12px 12px;
  border-radius: 16px;
  font-size: 15px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.bbi-rr-node b { display: block; font-weight: 800; }
.bbi-rr-node small { font-size: 12px; }
.bbi-rr-node .bbi-tile { width: 36px; height: 36px; }
.bbi-rr-node--root { border-color: rgba(94, 114, 228, 0.25); }

.bbi-rr-node--leaf {
  padding: 14px;
  border-width: 2px;
  box-shadow: var(--bbi-shadow);
}

.bbi-rr-node--leaf .bbi-avatar { width: 40px; height: 40px; }

.bbi-rr-node.is-hit {
  border-color: var(--bbi-indigo);
  box-shadow: 0 0 0 4px rgba(94, 114, 228, 0.14), var(--bbi-shadow);
}

.bbi-rr-node--leaf.is-hit {
  border-color: var(--bbi-good);
  box-shadow: 0 0 0 4px rgba(26, 174, 111, 0.14), var(--bbi-shadow);
}

.bbi-rr-count {
  margin-left: auto;
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 26px;
  padding: 0 8px;
  border-radius: 8px;
  background: var(--bbi-surface-2);
  font-size: 13px;
  font-weight: 800;
  color: var(--bbi-muted);
}

.bbi-rr-count.is-on { background: var(--bbi-good-bg); color: var(--bbi-good); }

.bbi-links path.is-hot { stroke: var(--bbi-indigo); stroke-width: 3.5; }

.bbi-rr-edge-label {
  position: absolute;
  min-width: 32px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--bbi-line);
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  color: var(--bbi-muted);
}

.bbi-rr-inbox__list { display: grid; gap: 8px; padding: 0 14px 14px; }
.bbi-rr-inbox__row { transition: opacity 0.3s ease; }
.bbi-rr-inbox__row.is-done { opacity: 0.3; }

.bbi-rr-traveler {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  box-shadow: 0 14px 26px -10px rgba(50, 50, 93, 0.45);
}

.bbi-rr-caption { position: absolute; }