/* Push preflight */

.bbi-pf-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 16px;
}

.bbi-pf-top .bbi-tile { width: 40px; height: 40px; border-radius: 12px; }
.bbi-pf-top b { display: block; font-size: 16px; font-weight: 800; color: var(--bbi-ink); }
.bbi-pf-top small { display: block; font-size: 12px; font-weight: 600; color: var(--bbi-muted); }

.bbi-pf-scope {
  display: flex;
  gap: 4px;
  margin-left: auto;
  padding: 4px;
  border-radius: 12px;
  background: var(--bbi-surface-2);
}

.bbi-pf-scope span {
  padding: 7px 12px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
  color: var(--bbi-muted);
}

.bbi-pf-scope span.is-on { background: #fff; color: var(--bbi-ink); box-shadow: var(--bbi-shadow-sm); }

.bbi-pf-head,
.bbi-pf-row {
  display: grid;
  grid-template-columns: 170px 150px 1fr 104px;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
}

.bbi-pf-head {
  height: 46px;
  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-pf-row {
  height: 52px;
  border-bottom: 1px solid var(--bbi-line);
  transition: background-color 0.3s ease;
}

.bbi-pf-row.is-scan { background: rgba(94, 114, 228, 0.08); }
.bbi-pf-row--same { opacity: 0.6; }

.bbi-pf-owner {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--bbi-muted);
}

.bbi-pf-owner .bbi-avatar { width: 26px; height: 26px; box-shadow: 0 0 0 2px #fff; }
.bbi-pf-owner > svg { width: 14px; height: 14px; }
.bbi-pf-owner em { font-style: normal; font-size: 12px; font-weight: 700; }
.bbi-pf-writes { display: flex; flex-wrap: wrap; gap: 4px; }
.bbi-pf-none { color: var(--bbi-faint); font-weight: 800; }

.bbi-pf-state {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 800;
  color: var(--bbi-muted);
}

.bbi-pf-state svg { width: 12px; height: 12px; }
.bbi-pf-state.is-done { color: var(--bbi-good); }

.bbi-pf-foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
}

.bbi-pf-sum {
  min-width: 96px;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--bbi-surface-2);
}

.bbi-pf-sum b {
  display: block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--bbi-ink);
  font-variant-numeric: tabular-nums;
}

.bbi-pf-sum small { font-size: 11px; font-weight: 700; color: var(--bbi-muted); }

.bbi-pf-csv {
  margin-left: auto;
  height: 40px;
  padding: 0 14px;
  font-size: 13px;
  background: #fff;
  color: var(--bbi-ink);
  box-shadow: inset 0 0 0 1.5px var(--bbi-line);
}

.bbi-pf-csv.is-success { background: var(--bbi-good-bg); color: var(--bbi-good); box-shadow: none; }
.bbi-pf-go { height: 40px; padding: 0 16px; font-size: 13px; }
.bbi-pf-foot .bbi-btn svg { width: 15px; height: 15px; }

.bbi-pf-top > div { min-width: 0; }

.bbi-pf-top small {
  max-width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbi-pf-scope { flex: none; white-space: nowrap; }