.profile-card { display: flex; align-items: center; gap: .875rem; }
.profile-card .hint { margin-top: .125rem; }
.avatar-lg { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 56px; height: 56px; border: 2px solid var(--ink); border-radius: 18px; background: var(--purple); color: var(--white); font-size: 1.25rem; font-weight: 800; }

.kv { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .375rem 0; }
.kv + .kv { border-top: 1px solid var(--ink); }
.plan-actions { margin-top: .75rem; }

.devices { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.devices li { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 2px solid var(--ink); border-radius: 12px; background: var(--white); font-weight: 600; }
.devices small { display: block; color: var(--gray); font-weight: 500; }

/* Lead Hub Navigation Cards in Profile */
.profile-nav-group {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.profile-nav-group h3 {
  margin: 0;
}

.profile-nav-cards {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: .25rem;
}

.profile-nav-card {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  border: 2px solid var(--ink);
  border-radius: 12px;
  background: var(--white);
  box-shadow: 2px 2px 0 var(--ink);
  cursor: pointer;
  text-align: left;
  transition: all .12s ease;
  width: 100%;
}

.profile-nav-card:hover {
  transform: translateY(-1px);
  background: #fdfdfd;
  box-shadow: 3px 3px 0 var(--ink);
}

.profile-nav-card:active {
  transform: translateY(1px);
  box-shadow: 1px 1px 0 var(--ink);
}

.pnc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid var(--ink);
  border-radius: 10px;
  flex-shrink: 0;
}

.pnc-icon .i {
  width: 20px;
  height: 20px;
}

.pnc-icon-saved {
  background: var(--mint);
  color: var(--ink);
}

.pnc-icon-merge {
  background: var(--lavender);
  color: var(--ink);
}

.pnc-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .15rem;
  overflow: hidden;
}

.pnc-info b {
  font-size: .875rem;
  font-weight: 800;
  color: var(--ink);
}

.pnc-info .hint {
  font-size: .6875rem;
  line-height: 1.3;
  margin: 0;
}

.pnc-arrow {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--ink);
  opacity: .5;
  transition: opacity .12s, transform .12s;
}

.profile-nav-card:hover .pnc-arrow {
  opacity: 1;
  transform: translateX(2px);
}